.language-bar{background:#f6faf7;border-bottom:1px solid #e0eae3;color:#305c47;font-family:'Noto Sans KR',sans-serif;font-size:12px;line-height:1.5}
.language-bar>div{max-width:1320px;margin:auto;padding:3px 28px;display:flex;justify-content:flex-end;align-items:center;gap:12px;min-height:44px}
.language-bar label{display:flex;align-items:center;gap:8px;margin:0}.language-bar select{font:inherit;font-size:13px;min-height:38px;min-width:115px;border:1px solid #ccdcd2;border-radius:7px;padding:6px 28px 6px 10px;color:#214b38;background:#fff;cursor:pointer}
.language-error{font-size:12px;max-width:380px}.language-error:empty{display:none}
@media(min-width:1024px){.ar-site .ar-header .mk-nav>.mk-session-mobile{display:none}}
html:lang(en) .ar-site h1,html:lang(en) .ar-site h2,html:lang(en) .ar-site h3{letter-spacing:-.025em}
html:lang(ja) body{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans KR',sans-serif}
html:lang(zh-Hans) body{font-family:'Microsoft YaHei','Noto Sans CJK SC','Noto Sans KR',sans-serif}
html:lang(ja) .ar-site p,html:lang(zh-Hans) .ar-site p{word-break:normal;line-break:strict}
html:not(:lang(ko)) .ar-header .mk-nav{gap:16px}html:not(:lang(ko)) .ar-header .mk-nav>details>summary{white-space:normal}
html:not(:lang(ko)) .shell .side-nav button{white-space:normal;height:auto;min-height:32px;line-height:1.4;font-size:13px}
html:not(:lang(ko)) .shell .page-title h1{overflow-wrap:anywhere}
@media(max-width:760px){.language-bar>div{padding:3px 16px;flex-wrap:wrap;gap:4px}.language-bar select{min-height:44px;font-size:14px}.language-bar label{gap:7px}.language-bar [data-language-label]{font-size:12px}.language-error{max-width:100%}html:not(:lang(ko)) .ar-site h1{font-size:30px;line-height:1.35}html:not(:lang(ko)) .ar-site .btn{white-space:normal;line-height:1.5;text-align:center}html:not(:lang(ko)) .ar-header .mk-header-row{grid-template-columns:minmax(0,1fr) 44px minmax(0,135px)}html:not(:lang(ko)) .ar-header .mk-header-actions .btn{font-size:12px;padding:8px;min-width:0}html:not(:lang(ko)) .shell .side-nav button{min-height:48px;font-size:12px}}

/* Translated labels must wrap as words, without shrinking icons or clipping rows. */
html:not(:lang(ko)) .ar-header .ar-mega-grid>div{min-width:0}
html:not(:lang(ko)) .ar-header .ar-mega-grid h2{min-height:64px;align-items:flex-start;line-height:1.45;font-size:14px;word-break:normal;overflow-wrap:break-word}
html:not(:lang(ko)) .ar-header .ar-mega-grid h2 svg{flex-shrink:0;margin-top:2px}
html:not(:lang(ko)) .ar-header .ar-mega-grid a{word-break:normal;overflow-wrap:break-word;line-height:1.45;padding-block:9px}
html:not(:lang(ko)) .ar-header .ar-mega-grid a>span{font-size:12px;line-height:1.6;margin-top:5px}
@media(min-width:1024px){
 html:not(:lang(ko)) .ar-header .mk-nav>details>summary{white-space:nowrap}
 html:not(:lang(ko)) .ar-header .ar-mega{max-height:calc(100dvh - 148px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:1023px){
 .ar-header .mk-nav.is-open{max-height:var(--ar-nav-space,calc(100dvh - 145px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-bottom:12px}
 html:not(:lang(ko)) .ar-header .ar-mega-grid h2{min-height:0;padding-bottom:10px;margin-bottom:8px;font-size:13px}
 html:not(:lang(ko)) .ar-header .ar-mega-grid a{min-height:44px;display:flex;flex-direction:column;justify-content:center;padding-block:8px}
 html:not(:lang(ko)) .ar-header .ar-mega-heading{gap:12px;align-items:flex-start}
 html:not(:lang(ko)) .ar-header .ar-mega-heading strong{font-size:16px;line-height:1.5;word-break:normal}
 html:not(:lang(ko)) .ar-header .ar-mega-heading>a{min-height:44px;align-content:center;white-space:normal}
}