/* Technology cards: restrained depth without changing full-page section geometry. */
body .technology-section { background:#faf7f2; }
body .technology-section .technology-background { opacity:.35; filter:saturate(.45); }
body .technology-section .technology-intro h2 span { color:#ee8c3b; }
body .technology-section .technology-card {
    border:1px solid rgba(220,214,204,.8); border-radius:18px;
    background:linear-gradient(135deg,#fff 0%,#fffdfa 58%,#fff0e1 100%);
    box-shadow:0 12px 28px -12px rgba(78,63,45,.2),inset 0 1px 0 #fff;
}
body .technology-section .technology-card:nth-child(2) { background:linear-gradient(135deg,#fff 0%,#fffdfb 58%,#fff3e8 100%); }
body .technology-section .technology-label { color:#df792e; }
body .technology-section .technology-icon { background:#fff0e1; color:#ed8c43; }
body .technology-section .technology-card:nth-child(2) .technology-label { color:#df792e; }
body .technology-section .technology-card:nth-child(2) .technology-icon { background:#fff0e1; color:#ed8c43; }
body .technology-section .technology-badge { background:rgba(255,255,255,.7); border:1px solid #f5d8bf; border-radius:8px; color:#dc762b; }
body .technology-section .technology-card:nth-child(2) .technology-badge { border-color:#f5d8bf; color:#dc762b; }
body .technology-section .technology-platform-word { font-size:20px; font-weight:700; }
body .technology-section .technology-partner-note { font-size:15px; font-weight:600; }
body .technology-section .technology-more.btn-animation { border-color:#f4c49d; color:#df792e; box-shadow:0 4px 12px rgba(100,80,50,.04); }
body .technology-section .technology-more .round { background:#ee934e; }

/* Contact: smaller location mark, softer address panel and contact cards. */
body #contact > .container { padding-left:0; padding-right:0; }
body #contact .section1 > div:first-child { border:1px solid #e1e6eb; border-radius:16px; box-shadow:0 8px 24px rgba(45,58,69,.04); }
body #contact .section1 > div:last-child { border-color:#e5e2dc; border-radius:14px; background:linear-gradient(120deg,#fbfaf7,#f4f6f7); }
body #contact img[alt='Location Icon'] { width:42px; height:42px; opacity:.75; }
body #contact .section1 p { color:#48535e; font-size:18px; line-height:1.7 !important; }
body #contact .section2 ul { border-top:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body #contact .section2 li { border:1px solid #e3e7eb; border-radius:12px; padding:26px 22px; background:linear-gradient(140deg,#fff,#f9fafb); }
body #contact .section2 li > div { grid-template-columns:1fr; gap:12px; }
body #contact .section2 li p:first-child { color:#df792e; font-size:14px; }
body #contact .section2 li p:nth-child(2) { color:#364450; font-size:20px; }
body #contact .section2 li a { color:#63717e; font-size:15px; overflow-wrap:anywhere; }

/* History: narrower year column and a fine timeline, preserving all stored entries. */
body #history .history-item { grid-template-columns:220px minmax(0,1fr); }
body #history .history-item > div:first-child { padding-right:48px; padding-bottom:64px; align-items:flex-start; }
body #history .history-item > div:first-child > div.absolute { display:none; }
body #history .history-item h3 { color:#677581; font-size:32px; font-weight:600; }
body #history .history-content { border-left:1px solid #e1e6eb; padding-left:40px; padding-bottom:64px; }
body #history .history-point { left:-6px; top:10px; width:11px; height:11px; transform:none; background:#f3a15f; border:3px solid #fff4e9; box-sizing:content-box; }
body #history .history-point-inner { display:none; }
body #history .history-right, body #history .history-right * { font-size:16px !important; line-height:1.85 !important; color:#505d69 !important; background-color:transparent !important; }
body #history .history-right :is(b,strong), body #history .history-right :is(b,strong) * { font-weight:650; color:#df792e !important; }
body #history .history-right p { margin-top:0; margin-bottom:7px; }
body #history .history-left img { border:1px solid #e7eaed; border-radius:10px; }

@media(max-width:767px) {
    body .technology-section .technology-platform-word { font-size:18px; }
    body .technology-section .technology-partner-note { font-size:13px; }
    body #contact .section1 p { font-size:15px; }
    body #contact .section2 ul { grid-template-columns:1fr; gap:12px; }
    body #contact .section2 li { padding:22px; }
    body #history .history-item { grid-template-columns:1fr; gap:20px; }
    body #history .history-item > div:first-child { padding:0; }
    body #history .history-item h3 { font-size:26px; }
    body #history .history-content { padding-left:20px; padding-bottom:40px; }
    body #history .history-right, body #history .history-right * { font-size:14px !important; line-height:1.8 !important; }
    body #history .history-left { max-width:220px; }
}

/* Center the introduction and keep deliberate sentence breaks on wide screens. */
body .technology-section .technology-intro { text-align:center; }
body .technology-section .technology-intro > p { max-width:1100px; margin-left:auto; margin-right:auto; word-break:keep-all; overflow-wrap:break-word; }
body .technology-section[lang="ko"] .technology-title-mobile-break { display:none; }
@media(min-width:768px) {
 body .technology-section[lang="ko"] .technology-intro h2 { font-size:clamp(28px,3.2vw,46px); white-space:nowrap; }
}
@media(max-width:767px) {
 body .technology-section[lang="ko"] .technology-title-mobile-break { display:block; }
 body .technology-section .technology-copy-break { display:none; }
 body .technology-section[lang="en"] .technology-intro h2 { font-size:clamp(23px,5.8vw,38px); }
}

/* Readable centered English introduction under the platform heading. */
body .technology-section[lang="en"] .technology-intro > p {
 text-align:center !important; font-size:20px; line-height:1.7;
 max-width:960px; margin-left:auto; margin-right:auto; text-wrap:balance;
}
@media(max-width:767px) {
 body .technology-section[lang="en"] .technology-intro > p { font-size:17px; line-height:1.65; }
}

/* Match Korean introduction readability to the English introduction. */
body .technology-section[lang="ko"] .technology-intro > p {
 text-align:center !important; font-size:20px; line-height:1.7;
 max-width:1100px; margin-left:auto; margin-right:auto;
}
@media(max-width:767px) {
 body .technology-section[lang="ko"] .technology-intro > p { font-size:17px; line-height:1.65; text-wrap:balance; }
}

/* Larger timeline type and photographs; consistent date and contact hierarchy. */
body #history .history-item { grid-template-columns:360px minmax(0,1fr); }
body #history .history-item > div:first-child { padding-right:40px; }
body #history .history-item h3 { font-size:40px; }
body #history .history-left { width:100%; max-width:320px; }
body #history .history-right, body #history .history-right * { font-size:22px !important; line-height:1.8 !important; }
body #history .history-right .history-month { color:#df792e !important; font-weight:700 !important; }
body #contact .section2 li p:first-child { font-size:18px; }
body #contact .section2 li a, body #contact .section2 li p:last-child { font-size:20px; line-height:1.6; font-weight:500; color:#364450; }
@media(max-width:1023px) {
 body #history .history-item { grid-template-columns:1fr; }
 body #history .history-item > div:first-child { padding-right:0; padding-bottom:24px; }
 body #contact .section2 ul { grid-template-columns:1fr; }
}
@media(max-width:767px) {
 body #history .history-item h3 { font-size:32px; }
 body #history .history-left { max-width:320px; }
 body #history .history-right, body #history .history-right * { font-size:18px !important; }
 body #contact .section2 li a, body #contact .section2 li p:last-child { font-size:18px; }
}