@import url('/international-fonts.css');
/* A single, compact header. Disclosure controls keep their own touch targets. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{position:relative;display:flex;flex-wrap:nowrap;gap:clamp(20px,2.5vw,44px);min-height:90px;padding:20px var(--gutter);z-index:10}
.site-header>.wordmark{flex-shrink:0;margin:0;font-size:34px;order:0}
.header-navigation{display:block;margin-inline-start:auto;order:1;min-width:0}
.site-header #main-nav{display:flex;flex-wrap:nowrap;width:auto;gap:clamp(18px,2vw,34px);padding:0;margin:0;border:0;white-space:nowrap;font:14px/1.4 var(--sans)}
.site-header #main-nav a{display:flex;align-items:center;min-height:44px;max-width:none;padding:8px 0}
.header-tools{display:flex;align-items:center;gap:8px;order:2;flex-shrink:0;margin:0}
.header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;padding:0;cursor:pointer;color:var(--ink)}
.header-icon:hover,.header-dropdown[open]>summary{background:var(--wash)}
.header-icon svg{flex-shrink:0;display:block;width:23px;height:23px}
.header-dropdown{position:relative}.header-dropdown summary{list-style:none}.header-dropdown summary::-webkit-details-marker{display:none}
.header-popover{position:absolute;inset-inline-end:0;top:calc(100% + 14px);background:var(--paper);border:1px solid var(--rule);box-shadow:0 10px 32px #00000014;border-radius:8px;min-width:250px;max-width:calc(100vw - 36px);padding:10px;z-index:30;text-align:start}
.popover-heading{font:11px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:9px 12px;margin:0 0 5px}
.site-header .languages{display:grid;grid-template-columns:1fr;border:0;padding:0;gap:1px;max-height:min(65vh,560px);overflow-y:auto;overscroll-behavior:contain}
.site-header .languages a{display:flex;align-items:center;justify-content:space-between;gap:28px;font:15px/1.5 var(--sans);padding:10px 12px;border:0;min-height:44px;border-radius:3px}
.site-header .languages a[aria-current]{background:var(--wash);color:var(--accent)}
.site-header .languages a:hover{background:var(--wash)}
.profile-popover{width:310px}.profile-identity{padding:12px 13px 17px;border-bottom:1px solid var(--rule);margin-bottom:7px;overflow-wrap:anywhere}
.profile-identity strong{display:block;font-size:18px;font-weight:500}.profile-identity>span{display:block;font-size:13px;color:var(--muted);margin-top:5px}
.profile-links>a,.profile-signout{display:flex;width:100%;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:3px;font:15px/1.5 var(--sans);margin:0;border-bottom:0;text-align:start}
.profile-links>a:hover,.profile-signout:hover{background:var(--wash)}.profile-links svg{width:17px;height:20px}.profile-links [data-saved-count]{margin-inline-start:auto;color:var(--muted);font:12px var(--mono)}
.profile-signout{border-top:1px solid var(--rule);margin-top:7px;border-radius:0}.profile-error{font-size:13px;margin:0;padding:0 12px}.profile-error:empty{display:none}
.profile-links .admin-link{color:#286c70;font-weight:500}.avatar-button{border:1px solid var(--rule)}[data-profile-avatar]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font:14px var(--sans);overflow:hidden;border-radius:50%}[data-profile-avatar] img{width:40px;height:40px;object-fit:cover}
.site-header .menu-toggle,.mobile-appearance{display:none}.menu-cross{display:none}.menu-toggle[aria-expanded=true] .menu-bars{display:none}.menu-toggle[aria-expanded=true] .menu-cross{display:block}
.hero{position:relative}.hero-index{justify-content:flex-end}.hero>.vertical-note{position:absolute;inset-inline-start:var(--gutter);top:130px;writing-mode:vertical-rl;transform:rotate(180deg);font:10px/1.6 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);max-height:460px}
.hero .quote-layout{grid-template-columns:55px minmax(0,1fr);padding-inline-start:80px;padding-inline-end:60px;gap:30px}
.footer-bottom{flex-wrap:wrap}.footer-bottom nav{flex-wrap:wrap}
@media(max-width:1320px){
 .site-header{flex-wrap:wrap;gap:0;min-height:82px;padding:16px var(--gutter)}
 .site-header .header-tools{margin-inline-start:auto;gap:6px}
 .site-header .header-navigation{order:3;flex:0 0 100%;margin:14px 0 0;padding:17px 0 3px;border-top:1px solid var(--rule)}
 .site-header #main-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;white-space:normal;font-size:16px;width:100%;margin:0;padding:0;border:0}
 .site-header #main-nav a{width:fit-content;max-width:100%}
 .site-header[data-menu-enhanced] .menu-toggle{display:flex}
 .site-header .header-navigation[hidden]{display:none!important}
 .hero .quote-layout{padding-inline-start:65px;padding-inline-end:10px;gap:24px}
}
@media(max-width:850px){.site-header{padding:15px 22px}.site-header>.wordmark{font-size:30px}.hero>.vertical-note{display:none}.hero .quote-layout{display:block;padding-inline:0}}
@media(max-width:560px){
 .site-header{padding:13px 18px;min-height:76px}.site-header>.wordmark{font-size:28px}
 .site-header .header-tools{gap:2px}.desktop-appearance{display:none}.mobile-appearance{display:flex;align-items:center;gap:10px;border-top:1px solid var(--rule);padding-top:12px;margin-top:15px;font-size:13px;color:var(--muted)}
 .site-header #main-nav{grid-template-columns:1fr;gap:0;font-size:16px}.site-header #main-nav a{min-height:47px}
 .header-popover{position:fixed;top:70px;inset-inline-end:18px;max-width:calc(100vw - 36px)}.language-popover{width:270px}.header-icon{width:42px;height:44px}
}
@media(max-width:360px){.site-header{padding-inline:14px}.site-header>.wordmark{font-size:25px}.header-tools{gap:0!important}.header-icon{width:40px}}
/* Local scripts retain comfortable line heights and native glyphs. */
:lang(ar){--sans:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--serif:'Noto Naskh Arabic','Noto Sans Arabic',serif;--mono:'Noto Sans Arabic',monospace}
:lang(zh-Hans){--sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--serif:'Noto Serif SC','Songti SC',serif;--mono:'Noto Sans SC',monospace}
:lang(ja){--sans:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--serif:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;--mono:'Noto Sans JP',monospace}
:lang(ru){--serif:'Noto Serif',Georgia,serif}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0;line-height:1.35}:lang(ar) .wordmark{font-family:'Libre Caslon Display',Georgia,serif;letter-spacing:-1px}
:lang(zh-Hans) h1,:lang(ja) h1{line-height:1.3;letter-spacing:0;font-size:clamp(34px,4.5vw,70px)}
:lang(zh-Hans) h2,:lang(ja) h2,:lang(zh-Hans) h3,:lang(ja) h3{line-height:1.4;letter-spacing:0}
:lang(ar) .quote-layout h1{font-size:clamp(38px,4.8vw,74px)}
[dir=rtl] .text-link,[dir=rtl] .diptych figcaption,[dir=rtl] .viz-data th,[dir=rtl] .viz-exact-values caption{text-align:start}
[dir=rtl] .number-input,[dir=rtl] .formula,[dir=rtl] .data-drawing{direction:ltr}
[dir=rtl] .action-number{right:auto;left:var(--gutter)}
[dir=rtl] .quote-mark{transform:scaleX(-1)}[dir=rtl] .profile-links .collection-link svg{margin:0}
/* Charts use theme-aware paint without modifying the artwork. */
:root[data-theme=dark]{color-scheme:dark;--paper:#1b201e;--ink:#ecede8;--muted:#adb6ad;--rule:#454e46;--accent:#ed785f;--wash:#252d28}
[data-theme=dark] .site-footer{background:#141915;color:var(--ink)}
[data-theme=dark] .scenario-result-number,[data-theme=dark] .viz-boundary{color:var(--accent)}
[data-theme=dark] .scenario-result-note,[data-theme=dark] .axis-mode,[data-theme=dark] .community-small,[data-theme=dark] .participation-note{color:var(--muted)}
[data-theme=dark] .axis-direction,[data-theme=dark] .viz-scale-controls button[aria-pressed=true],[data-theme=dark] .profile-links .admin-link{color:#8dcbd0}
[data-theme=dark] .data-drawing [fill="#242823"],[data-theme=dark] .data-drawing [fill="#252b25"],[data-theme=dark] .data-drawing [fill="#535c53"]{fill:var(--ink)}
[data-theme=dark] .data-drawing [fill="#286c70"],[data-theme=dark] .data-drawing [fill="#205b5f"]{fill:#8dcbd0}
[data-theme=dark] .data-drawing [fill="#a73e2b"],[data-theme=dark] .data-drawing [fill="#913f2a"]{fill:var(--accent)}
[data-theme=dark] .data-drawing [stroke="#242823"],[data-theme=dark] .data-drawing [stroke="#252b25"]{stroke:var(--ink)}
[data-theme=dark] .data-drawing [fill="#fafaf9"],[data-theme=dark] .data-drawing [fill="#f0f2ee"]{fill:var(--wash)}
[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--ink);background:var(--paper)}
@media print{.header-tools,.header-navigation{display:none!important}:root[data-theme=dark]{color-scheme:light;--paper:white;--ink:#242823;--muted:#62685f;--rule:#d4d8d1;--accent:#913f2a;--wash:#f0f2ee}body{background:white!important;color:#242823!important}}

.regional-context{border-top:1px solid var(--rule);margin:20px 0;padding:8px 0;font:13px/1.6 var(--sans)}.regional-context summary{min-height:44px;display:flex;align-items:center;justify-content:space-between}.regional-context summary:after{content:"+";font-size:20px}.regional-context[open] summary:after{content:"−"}.regional-context label{display:grid;gap:8px;margin:12px 0 16px}.regional-context h3{font:22px/1.4 var(--serif);margin:22px 0 14px}.country-mix{display:grid;gap:10px;margin-bottom:18px}.country-mix>div{display:flex;justify-content:space-between;gap:12px}.country-mix strong{font-weight:500}.country-equivalent{border-inline-start:2px solid var(--accent);padding-inline-start:12px}.context-method{display:inline-block;margin-inline-start:15px;text-decoration:underline}.regional-context [data-context-suggestion]{color:var(--muted);font-size:12px}

[data-theme=dark] .data-drawing [fill="#282e29"]{fill:var(--ink)}[data-theme=dark] .data-drawing [stroke="#282e29"]{stroke:var(--ink)}[data-theme=dark] .data-drawing [fill="#e5e9e3"]{fill:#3f4c43}[data-theme=dark] .data-drawing [fill="#7d897f"]{fill:#b1c0b4}[data-theme=dark] .data-drawing [stroke="#7d897f"]{stroke:#8b9c8e}

.practical-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.practical-pair section{border-top:2px solid var(--rule);padding-top:18px}.practical-pair section:last-child{border-color:var(--accent)}.practical-pair p{font:24px/1.4 var(--serif);margin:12px 0}.practical-check{border-top:1px solid var(--rule);padding-top:20px}@media(max-width:500px){.practical-pair{grid-template-columns:1fr}}

/* Long translated words must stay within the reading column on narrow screens. */
.action-heading h1,.page-heading h1{overflow-wrap:anywhere}