.language-switcher{max-width:1140px;margin:0 auto;display:flex;justify-content:flex-end;gap:8px;padding:8px 20px 0}
.language-choice{min-width:76px;min-height:62px;display:grid;justify-items:center;align-content:center;gap:3px;padding:5px 9px;color:#514537;text-decoration:none;background:#fffaf0 var(--wax);border:5px solid transparent;border-image:url('./frames/teal.png') 35 / 5px stretch}
.language-choice svg{display:block;width:34px;height:23px;border:1px solid #b5a688;border-radius:1px}
.language-choice span{font-family:'Noto Sans TC',sans-serif;font-size:11px;font-weight:600;line-height:1.4}
.language-choice[aria-current=true]{background-color:#fff0bf;border-image-source:url('./frames/yellow.png')}
.language-choice:hover{color:#326781;text-decoration:none}
.language-choice:focus-visible{outline:2px solid #326781;outline-offset:3px}
.language-load-error{max-width:1100px;margin:8px auto;color:#8b2f30;padding:8px 20px}
html[lang=en] .p-intro h1{font-family:'Noto Sans TC',sans-serif;font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.2;letter-spacing:-.025em}
html[lang=ja] .p-intro h1{font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.4}
html:not([lang=zh-TW]) .card-title-group h3{overflow-wrap:anywhere}
html[lang=en] .live-site #main .info-card .card-actions>.btn{font-size:.76rem;line-height:1.3}
html:not([lang=zh-TW]) .p-categories strong{font-size:clamp(1rem,2.2vw,1.8rem)}
html[lang=en] .wave-grid strong{font-size:clamp(.6rem,2.8vw,.85rem);white-space:normal}
html[lang=en] .wave-heading span{font-size:.7rem;text-align:end}
html[lang=en] .weather-card .clothing{overflow-wrap:normal}
@media(max-width:760px){
 .language-switcher{justify-content:center;padding:7px 16px 0}
 .language-choice{min-height:58px;min-width:72px}
 html[lang=en] .site-header .main-nav .nav-link:nth-child(n){font-family:'Noto Sans TC',sans-serif;font-size:clamp(9px,2.65vw,13px)!important;letter-spacing:-.02em}
 html[lang=ja] .site-header .main-nav .nav-link:nth-child(n){font-size:clamp(11px,3vw,15px)!important}
 html:not([lang=zh-TW]) .p-categories strong{font-size:clamp(15px,4vw,23px);letter-spacing:-.02em}
 html[lang=en] .p-guide-row h3{font-size:1rem;line-height:1.5}
 html[lang=en] .weather-card .weather-symbol{flex-wrap:wrap;gap:1px}
}
/* Tiny flag stickers sit beside the menu, inside the existing header row. */
.site-header .header-inner>.brand{margin-right:auto}
.site-header .language-switcher{max-width:none;margin:0 0 0 auto;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:3px;flex:0 0 auto}
.site-header .language-choice{min-width:32px;min-height:36px;width:32px;padding:4px;gap:0;display:flex;align-items:center;justify-content:center;border:1.5px solid transparent;border-image:none;border-radius:9px 7px 10px 6px;background:transparent;box-shadow:none;transition:transform .25s ease,background .25s ease}
.site-header .language-choice span{display:none}
.site-header .language-choice svg{width:24px;height:17px;flex:none;border:1px solid #af9d82;border-radius:3px 5px 4px 2px;box-shadow:1px 2px 0 #b7a88840;transform:rotate(-5deg)}
.site-header .language-choice:nth-child(2) svg{transform:rotate(4deg)}
.site-header .language-choice:nth-child(3) svg{transform:rotate(-3deg)}
.site-header .language-choice[aria-current=true]{background:#f9edc6;border-color:#d6b86f;border-image:none}
.site-header .language-choice:hover{transform:translateY(-2px);background:#e7f1e9}
@media(max-width:760px){
 .site-header .header-inner{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px}
 .site-header .language-switcher{grid-column:2;grid-row:1;margin:0}
 .site-header .menu-toggle{grid-column:3;grid-row:1}
 .site-header .main-nav{grid-column:1/-1;grid-row:2}
 .site-header .language-choice{width:29px;min-width:29px;min-height:36px;padding:3px}
 .site-header .language-choice svg{width:22px;height:16px}
 .site-header .language-switcher{gap:1px}
}
