/* Additive locale control; the approved Korean typography stays unchanged. */
.site-locale{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto;margin-right:20px;order:1;color:var(--ink)}
.site-locale-icon{font-size:20px;line-height:1;color:var(--rose);pointer-events:none}
.site-locale select{font:inherit;font-size:12px;font-weight:600;min-height:44px;max-width:130px;padding:8px 5px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:18px;cursor:pointer}
.site-locale select:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.site-header .brand{flex-shrink:0}
.site-header #main-nav{order:2}
.site-header .menu-toggle{order:3;flex-shrink:0}
html:not([lang="ko"]) .header-inner{gap:12px}
html:not([lang="ko"]) .site-header nav{gap:16px}
html:not([lang="ko"]) .site-header nav>a{max-width:155px;line-height:1.4}
html:not([lang="ko"]) .hero h1{font-size:clamp(46px,5.8vw,80px);overflow-wrap:break-word}
html:not([lang="ko"]) .hero-actions{flex-wrap:wrap}
html:not([lang="ko"]) .conversation-copy,html:not([lang="ko"]) .film-copy,html:not([lang="ko"]) .story-copy{min-width:0}
html:not([lang="ko"]) .conversation h2{font-size:clamp(32px,4.2vw,55px);overflow-wrap:break-word}
html:not([lang="ko"]) .floating-note{max-width:225px}
html:not([lang="ko"]) .profile-top{gap:10px}
html:not([lang="ko"]) #timer-label{max-width:48%;text-align:right}
html:not([lang="ko"]) .pick-result h3{font-size:26px}
html:not([lang="ko"]) .pick-result p{font-size:14px}
html:not([lang="ko"]) .pick-result small{max-width:90%;line-height:1.5}
html:not([lang="ko"]) .language-control{gap:12px}
html:not([lang="ko"]) .language-control .switch{flex-shrink:0}
@media(min-width:651px) and (max-width:1100px){
 .header-inner{height:auto;min-height:80px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}
 .site-locale{margin-right:0}
 .site-header #main-nav{width:100%;justify-content:center;flex-wrap:wrap}
 html:not([lang="ko"]) .site-header nav>a{max-width:none}
}
@media(max-width:650px){
 .site-locale{margin:0 0 0 auto;gap:2px}
 .site-locale select{max-width:112px;font-size:11px}
 .site-locale-icon{display:none}
 html:not([lang="ko"]) .header-inner{gap:6px}
 .site-header .brand{width:130px}
 html:not([lang="ko"]) .site-header nav>a{max-width:none}
 html:not([lang="ko"]) .hero h1{font-size:clamp(39px,10vw,58px)}
 html:not([lang="ko"]) .conversation h2{font-size:38px}
 html:not([lang="ko"]) .floating-note{max-width:165px}
 html:not([lang="ko"]) .pick-result h3{font-size:22px}
 html:not([lang="ko"]) .pick-result p{font-size:12px}
 html:not([lang="ko"]) .pick-result a{font-size:12px}
}
@media(max-width:360px){.site-header .brand{width:110px}.site-locale select{max-width:100px}}
