.language-support { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(145deg, #fffdf8, #f2eadb 70%, #e9d8b6); color: var(--ink); }
.language-support::before { content: "TOPIK"; position: absolute; top: -45px; right: -20px; z-index: -1; color: rgba(183,137,47,.06); font-family: Manrope, sans-serif; font-size: clamp(130px, 20vw, 290px); font-weight: 800; line-height: 1; letter-spacing: -.08em; pointer-events: none; }
.language-support .section-label { color: #805b18; margin-bottom: 34px; }
.language-support-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr); gap: 58px; align-items: center; }
.section.language-support h2 { font-size: clamp(32px, 3.3vw, 48px); line-height: 1.35; letter-spacing: -.055em; }
.language-support h2 em { color: #805b18; font-style: normal; }
.language-support-lead { margin: 26px 0 0; color: #3f3625; font-size: 17px; font-weight: 600; line-height: 1.85; word-break: keep-all; }
.language-support-description { margin: 17px 0 0; color: #655b49; font-size: 14px; line-height: 1.95; word-break: keep-all; }
.language-support-highlights { display: flex; flex-wrap: wrap; gap: 13px 20px; margin: 28px 0 0; padding: 23px 0 0; border-top: 1px solid rgba(128,91,24,.23); list-style: none; }
.language-support-highlights li { display: flex; align-items: center; gap: 8px; color: #805b18; font-size: 12px; font-weight: 700; line-height: 1.6; }
.language-support-highlights li::before { content: ""; flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: #b7892f; }
.language-support-contact { display: inline-flex; align-items: center; gap: 36px; margin-top: 31px; padding-bottom: 8px; border-bottom: 1px solid rgba(128,91,24,.65); color: #805b18; font-size: 13px; font-weight: 700; transition: color .2s, border-color .2s; }
.language-support-contact:hover { color: #563b0b; border-color: #563b0b; }
.language-support-contact:focus-visible, .language-support-media:focus-visible { outline: 3px solid #805b18; outline-offset: 5px; }
.language-support-visual { min-width: 0; margin: 0; }
.language-support-media { display: block; overflow: hidden; border: 1px solid #ccb77e; border-radius: 14px; background: #fff; box-shadow: 0 24px 60px rgba(88,65,25,.12); }
.language-support-media-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 0 17px; border-bottom: 1px solid #e5d7b8; background: #fbf6e9; color: #805b18; font-family: Manrope, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.language-support-dots { display: flex; gap: 5px; }
.language-support-dots i { width: 6px; height: 6px; border-radius: 50%; background: #c1a66b; }
.language-support-media img { display: block; width: 100%; height: auto; }
.language-support-visual figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 14px; margin-top: 14px; color: #655b49; font-size: 10px; line-height: 1.7; word-break: keep-all; }
.language-support-visual figcaption span:last-child { color: #805b18; }
@media (max-width: 980px) {
    .language-support-grid { grid-template-columns: 1fr; gap: 44px; }
    .language-support-copy { max-width: 700px; }
    .section.language-support h2 { font-size: clamp(34px, 5vw, 48px); }
    .language-support-visual { width: 100%; max-width: 800px; }
}
@media (max-width: 680px) {
    .language-support .section-label { margin-bottom: 26px; }
    .section.language-support h2 { font-size: clamp(29px, 7.8vw, 40px); }
    .language-support-lead { margin-top: 24px; font-size: 16px; }
    .language-support-highlights { gap: 10px 16px; padding-top: 20px; }
    .language-support-highlights li { font-size: 11px; }
    .language-support-media { border-radius: 10px; }
    .language-support-media-header { min-height: 36px; padding: 0 12px; font-size: 8px; }
}