/* Shared locale layout; fluid headings and a keyboard-accessible native menu. */
.site-header{gap:20px;position:relative;z-index:5}
.site-header>.brand{min-width:0;flex-shrink:1}.site-header .brand small{max-width:230px;line-height:1.5;letter-spacing:0}
.site-header nav{margin-left:auto;gap:20px;flex-shrink:0}
.language-picker{position:relative;flex-shrink:0}
.language-picker summary{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;cursor:pointer;list-style:none;padding:6px 2px}
.language-picker summary::-webkit-details-marker{display:none}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);width:306px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fffdf7;border:1px solid #d6dcd0;border-radius:12px;padding:12px;box-shadow:0 18px 50px #17392c26;max-height:70vh;overflow:auto}
.language-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:6px;font:13px/1.4 Arial,"Microsoft YaHei",sans-serif}
.language-menu a:hover,.language-menu a[aria-current]{background:#e9eee3;color:#215b47}
.hero-copy{min-width:0}.hero-actions{flex-wrap:wrap}
html:not(:lang(zh)) .open-hero h1{white-space:normal;font-size:clamp(36px,4.1vw,55px);line-height:1.13;letter-spacing:-1.5px;text-wrap:balance;overflow-wrap:break-word}
html:not(:lang(zh)) .open-hero .intro{line-height:1.8}
html:not(:lang(zh)) .open-hero .art-caption p{font-size:clamp(23px,2.4vw,30px);letter-spacing:0}
html:not(:lang(zh)) .feature-strip{letter-spacing:0;gap:16px;font-size:15px}
html:not(:lang(zh)) .feature-strip a{white-space:normal;text-align:center;flex:1}
html:not(:lang(zh)) h2{font-size:clamp(29px,3.1vw,40px);letter-spacing:-.8px;overflow-wrap:break-word;text-wrap:balance}
html:not(:lang(zh)) .capability h3{font-size:25px;letter-spacing:0}
html:not(:lang(zh)) .section-heading>div{max-width:65%}
html:lang(th) h1,html:lang(th) h2,html:lang(th) h3{line-height:1.5!important;letter-spacing:0!important}
html:lang(ja) .open-hero h1,html:lang(ko) .open-hero h1{line-height:1.4;letter-spacing:-1px;word-break:normal}
.external-arrow{flex-shrink:0}.capability-body .text-link{line-height:1.6}
@media(max-width:1150px){.site-header nav{display:none}.site-header .language-picker{margin-left:auto}}
@media(max-width:760px){
 .site-header{height:84px;gap:15px}.site-header .brand small{display:none}.site-header .brand>span{font-size:8px;letter-spacing:.6px}.site-header .brand{gap:10px}
 .site-header .header-play{display:none}.language-picker summary{font-size:12px}.language-menu{width:min(306px,calc(100vw - 40px))}
 html:not(:lang(zh)) .open-hero h1{font-size:clamp(34px,7.7vw,53px);line-height:1.17;letter-spacing:-1px}
 html:not(:lang(zh)) .feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:13px}
 html:not(:lang(zh)) .feature-strip i{display:none}html:not(:lang(zh)) .feature-strip a{text-align:left;padding:8px 0}
 html:not(:lang(zh)) .section-heading>div{max-width:100%}
 .hero-actions .button{max-width:100%}.capability-body{gap:12px}.capability h3{overflow-wrap:break-word}
 .participate-grid li{overflow-wrap:break-word}.download-card h3{overflow-wrap:break-word}
 footer>div{flex-wrap:wrap}.mobile-bar a{font-size:12px;line-height:1.4;text-align:center;min-width:0}
}
@media(max-width:380px){.language-picker summary{font-size:11px}.site-header .brand b{font-size:36px}.site-header .brand>span{font-size:7px}.language-menu{right:0}.open-hero .hero-actions{gap:8px}}