/* Region and language share one control row in the existing sticky masthead. */
.site-header .header-region-controls{display:flex;align-items:center;gap:8px;min-width:0;grid-column:3;grid-row:1}
.site-header .region-picker{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 8px;border:1px solid #576651;color:var(--fg);font-size:.875rem;min-width:0}
.region-picker-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.region-picker-flag{display:block;inline-size:28px;block-size:19px;object-fit:contain;flex:none;forced-color-adjust:none}
.site-header .region-picker select{font:inherit;color:inherit;background:var(--bg,#101713);border:0;min-height:42px;min-width:0;inline-size:146px;cursor:pointer}
.site-header .header-region-controls .language-picker{margin:0;grid-column:auto;grid-row:auto;min-width:0;flex:none}
.site-header .header-region-controls .language-picker select{max-width:none;inline-size:154px;min-width:0}
.region-picker select:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:1280px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;gap:0 16px}
 .site-header nav{grid-column:1/-1;grid-row:2}
 .site-header .header-region-controls{grid-column:2;grid-row:1}
}
@media(max-width:720px){
 .site-header{grid-template-columns:minmax(0,1fr);gap:0;padding-top:6px}
 .site-header .wordmark{grid-column:1;grid-row:1;justify-self:start;min-height:40px}
 .site-header .header-region-controls{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;inline-size:100%;margin-block:2px 4px}
 .site-header .region-picker,.site-header .header-region-controls .language-picker{inline-size:100%;min-width:0;padding-inline:7px}
 .site-header .region-picker select,.site-header .header-region-controls .language-picker select{inline-size:100%;max-width:none;min-width:0;flex:1}
 .site-header nav{grid-column:1/-1;grid-row:3}
 html[lang=id] .site-header .header-region-controls{grid-template-columns:minmax(0,1fr) minmax(166px,1.12fr)}
}
@media(max-width:380px){
 .site-header .header-region-controls{gap:6px}
 .site-header .region-picker,.site-header .header-region-controls .language-picker{font-size:.8125rem;padding-inline:5px}
 .region-picker-flag{inline-size:24px;block-size:16px}
 html[lang=id] .site-header .header-region-controls{grid-template-columns:minmax(0,1fr) 160px}
}