/* The header's country name opens the country menu (country-menu.js). */
.site-header h1{position:relative}
.country-switch{display:inherit;grid-template-columns:inherit;align-items:inherit;gap:inherit;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:6px;background:none;color:inherit;font:inherit;line-height:inherit;text-align:start;cursor:pointer}
.country-switch:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.country-switch-chevron{align-self:center;position:relative;top:3px;flex:none;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease),stroke .15s}
.country-switch:hover .country-switch-chevron{stroke:var(--ink)}
.country-switch[aria-expanded=true] .country-switch-chevron{transform:rotate(180deg)}
body[data-atlas=singapore] .country-switch-chevron{grid-column:3;grid-row:1/span 2}

.country-menu{position:absolute;top:calc(100% + 8px);left:24px;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(780px,calc(100vw - 48px));max-height:calc(100dvh - 120px);overflow:auto;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 18px 48px rgba(30,26,20,.16);transform-origin:top left;animation:country-menu-in .16s var(--ease)}
.country-menu[hidden]{display:none}
@keyframes country-menu-in{from{opacity:0;transform:translateY(-4px) scale(.98)}}
@media(prefers-reduced-motion:reduce){.country-menu{animation:none}.country-switch-chevron{transition:none}}

/* Each option takes its country's theme (data-atlas) and header stripe; its title is the header's, smaller. */
.country-option{--title-accent:var(--red);--header-stripe:linear-gradient(90deg,var(--red),var(--red));display:flex;align-items:center;min-height:58px;min-width:0;box-sizing:border-box;padding:9px 14px 7px;border:1px solid transparent;border-radius:8px;background:var(--paper) var(--header-stripe) top/100% 3px no-repeat;color:var(--ink);text-align:start;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.country-option[data-atlas=china]{--ink:#302c27;--muted:#787166;--red:#a7382b;--paper:#fffdf8;--line:#e7dfd1}
.country-option:hover{border-color:var(--line);box-shadow:0 2px 8px rgba(30,26,20,.07)}
.country-option:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.country-option[aria-current=true]{border-color:var(--red)}
.country-option-title{display:flex;align-items:baseline;gap:20px;min-width:0;line-height:1.2;white-space:nowrap;zoom:.52}
.country-option .title-local:empty{display:none}

@media(max-width:900px){.country-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.country-menu{left:12px;right:12px;width:auto;grid-template-columns:1fr;max-height:calc(100dvh - 96px)}.country-option{min-height:52px}}