:root {
 --bg: #f2f5ef; --surface: #fffef9; --ink: #102e29; --body: #233d36; --muted: #40544b; --rule: #bdcbc1;
 --accent: #286347; --map-bg: #163e36; --land: #638974; --grid: #2b5147; --mark: #f5d778; --mark-ink: #163e36;
 --active: #e3ecd9; --font: 'Atkinson Next',Arial,sans-serif; --serif: Georgia,'Times New Roman',serif;
 color-scheme: light;
}
html[data-theme='dark'] { --bg:#102820; --surface:#17362c; --ink:#f2f4df; --body:#e0e8db; --muted:#b8c9bd; --rule:#486052; --accent:#c2df99; --active:#2d4938; color-scheme:dark; }
@media(prefers-color-scheme:dark){html:not([data-theme]) { --bg:#102820; --surface:#17362c; --ink:#f2f4df; --body:#e0e8db; --muted:#b8c9bd; --rule:#486052; --accent:#c2df99; --active:#2d4938; color-scheme:dark; }}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--body);background:var(--bg);font-family:var(--font);font-size:18px;line-height:1.55}button,select{font:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--accent)}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--mark);color:var(--mark-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{margin:0}h1,h2,h3{color:var(--ink);text-wrap:balance}h1,h2{font-family:var(--serif);font-weight:400;margin:0}h3{font-weight:600}svg{display:block}button[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:var(--surface);color:var(--ink)}.skip-link:focus{top:12px}
.site-header{max-width:1320px;margin:0 auto;padding:22px 0;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--rule);font-size:13px}.wordmark{font-weight:700;text-decoration:none}.project-name{color:var(--muted)}.language-nav{margin-left:auto;display:flex;gap:14px;align-items:center}.language-nav [aria-current]{color:var(--muted)}.theme-toggle{border:1px solid var(--rule);border-radius:30px;min-height:40px;padding:6px 12px;background:transparent;color:var(--body);font-size:12px}
main{max-width:1320px;margin:auto}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;padding:58px 0 54px;align-items:end}.hero h1{font-size:clamp(42px,4.45vw,67px);line-height:1.05;letter-spacing:-.035em;max-width:820px}.hero h1 em{font-weight:400;color:var(--accent)}.hero-deck{padding-bottom:4px;max-width:470px}.intro{font-size:18px;line-height:1.6}.source-cue{font-size:12px;color:var(--muted);margin-top:17px}
.instrument{background:var(--surface);border:1px solid var(--rule);border-radius:4px;overflow:hidden}.instrument-head{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:27px 32px;border-bottom:1px solid var(--rule)}.instrument-head h2{font-size:30px;letter-spacing:-.025em}.instrument-head p{font-size:14px;margin-top:4px;color:var(--muted)}.country-control{display:flex;flex-direction:column;gap:5px;min-width:220px}.country-control label{font-size:11px;color:var(--muted)}select{min-height:44px;width:100%;padding:8px 38px 8px 12px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:3px}
.atlas-layout{display:grid;grid-template-columns:265px minmax(0,1fr)}.crop-index{padding:26px 20px 20px;border-right:1px solid var(--rule);display:flex;flex-direction:column}.index-heading{font-size:12px;font-weight:600;margin:0 12px 14px}.crop-choices{display:flex;flex-direction:column;gap:6px}.crop-choice{width:100%;color:var(--body);border:1px solid transparent;background:transparent;padding:13px 12px 12px;text-align:left;border-radius:4px;min-height:63px}.crop-choice:hover{background:var(--bg)}.crop-choice[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--ink)}.choice-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px}.choice-value{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.share-track{width:100%;height:4px;margin-top:9px;overflow:visible}.track-base{stroke:var(--rule);stroke-width:3}.track-value{stroke:var(--accent);stroke-width:4}.index-note{font-size:11px;color:var(--muted);margin:20px 12px 0;max-width:175px;line-height:1.5}
.crop-focus{min-width:0;background:var(--map-bg);color:#edf0d9;display:flex;flex-direction:column}.focus-head{display:flex;justify-content:space-between;align-items:end;padding:26px 32px 0;gap:20px}.focus-country{font-size:12px;color:#bdd0b9}.focus-name{font-family:var(--serif);font-size:48px;line-height:1.1;color:#f5f2d8;margin:6px 0 0;font-weight:400}.focus-share{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.focus-share strong{font-size:39px;font-weight:400;font-family:var(--serif);line-height:1.1;font-variant-numeric:tabular-nums;color:var(--mark)}.focus-share strong span{font-size:22px}.focus-share>span{font-size:11px;color:#bdd0b9;margin-top:5px}.atlas-map{width:100%;height:auto;min-height:0;margin-top:8px}.map-grid path{stroke:var(--grid);stroke-width:.65;fill:none}.map-land{fill:var(--land);stroke:var(--map-bg);stroke-width:.7;stroke-linejoin:round}.pin-halo{fill:var(--mark);opacity:.12}.pin-core{fill:var(--mark);stroke:var(--map-bg);stroke-width:2}.map-pin text{fill:var(--mark-ink);font:600 12px var(--font)}.map-pin{animation:pin-arrive .5s ease-out both}@keyframes pin-arrive{from{opacity:0}to{opacity:1}}.map-key{display:flex;gap:30px;align-items:start;padding:18px 32px 24px;margin-top:auto;border-top:1px solid #426154}.map-key>p{font-size:11px;color:#bdd0b9;max-width:120px;flex-shrink:0}.map-key ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;line-height:1.35}.map-key li{display:flex;align-items:center;gap:8px}.region-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--mark);color:var(--mark-ink);border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:600}.atlas-note{padding:13px 32px;font-size:11px;color:var(--muted);border-top:1px solid var(--rule)}
.national-reading{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:28px 32px}.national-reading h3{font-size:16px;margin:0 0 8px}.national-reading>div>p{font-size:14px}.national-reading .result-range{font-family:var(--serif);font-size:23px;color:var(--ink);line-height:1.3}.result-comparison{margin-top:10px;color:var(--muted)}.static-crops{border-top:1px solid var(--rule);padding:0 32px;font-size:14px}.static-crops summary{padding:17px 0;cursor:pointer}.crop-list{padding:0;list-style:none}.crop-row{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding:14px 0;border-top:1px solid var(--rule)}.crop-mark{display:none}.crop-name{font-weight:600}.crop-share{text-align:right}.crop-origins{grid-column:1/-1;color:var(--muted);font-size:13px}.static-crops>p{padding-bottom:20px;color:var(--muted)}
.ruled-section{padding:65px 0;border-bottom:1px solid var(--rule)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-grid h2{font-size:43px;line-height:1.12;letter-spacing:-.025em;max-width:510px}.prose{max-width:620px;font-size:17px;line-height:1.75}.prose p+p{margin-top:20px}.global-intro{margin-top:24px;max-width:500px;font-size:16px}.metrics{margin:0}.metric-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding:10px 0}.metric-row dt{font-size:15px}.metric-row dd{font-family:var(--serif);font-size:42px;line-height:1.2;color:var(--ink);margin:0}.combined{margin-top:15px;font-size:12px;color:var(--muted)}.implication{font-family:var(--serif);font-size:32px;line-height:1.3;color:var(--accent);max-width:800px;margin-top:45px}.country-data{border-top:1px solid var(--rule);margin-top:40px}.country-data summary{padding:20px 0;cursor:pointer;font-size:15px;color:var(--ink)}.table-wrap{overflow:auto;max-height:520px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}caption{text-align:left;padding:12px 0;color:var(--muted)}td,th{padding:12px;border-bottom:1px solid var(--rule)}thead{position:sticky;top:0;background:var(--surface)}tbody th{font-weight:400}td{font-variant-numeric:tabular-nums}
.site-footer{max-width:1320px;margin:auto;padding:35px 0 45px;display:flex;justify-content:space-between;gap:60px;font-size:12px;color:var(--muted)}.site-footer h2{font-family:var(--font);font-size:14px;font-weight:600}.site-footer ul{padding:0;list-style:none}.site-footer li+li{margin-top:7px}.footer-end{display:flex;flex-direction:column;justify-content:space-between;gap:25px;align-items:flex-end}.back-to-top{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:64px}}
@media(max-width:1400px){.site-header,main,.site-footer{margin-left:40px;margin-right:40px}.hero{gap:60px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px;padding:38px 0}.hero h1{max-width:700px;font-size:54px}.hero-deck{max-width:620px}.atlas-layout{grid-template-columns:210px minmax(0,1fr)}.crop-index{padding:20px 10px}.focus-head{padding:22px 22px 0}.map-key{padding:20px 22px;display:block}.map-key>p{max-width:none;margin-bottom:12px}.focus-name{font-size:40px}.section-grid{gap:40px}.section-grid h2{font-size:35px}}
@media(max-width:620px){
 body{font-size:16px}.site-header,main,.site-footer{margin-left:18px;margin-right:18px}.site-header{padding:14px 0;gap:12px;flex-wrap:wrap;font-size:11px}.project-name{display:none}.language-nav{gap:10px}.theme-toggle{font-size:11px;min-height:38px;padding:6px 9px}.hero{padding:29px 0;gap:20px}.hero h1{font-size:41px;line-height:1.06;letter-spacing:-.035em}.intro{font-size:16px;line-height:1.55}.source-cue{font-size:11px;margin-top:12px}.instrument-head{display:block;padding:20px}.instrument-head h2{font-size:28px}.instrument-head p{font-size:13px;max-width:250px}.country-control{margin-top:19px;min-width:0}.country-control label{font-size:11px}.atlas-layout{display:flex;flex-direction:column}.crop-index{padding:18px 12px 14px;border-right:0}.index-heading{margin:0 8px 10px;font-size:11px}.crop-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.crop-choice{padding:9px 8px;min-height:70px}.choice-top{display:block;font-size:13px;line-height:1.25}.choice-top>span:first-child{display:block;min-height:17px;overflow-wrap:anywhere}.choice-value{font-size:11px;display:block;margin-top:4px}.share-track{margin-top:8px}.index-note{display:none}.focus-head{padding:21px 20px 4px}.focus-name{font-size:37px}.focus-country{font-size:10px}.focus-share strong{font-size:33px}.focus-share>span{font-size:9px}.atlas-map{margin-top:14px}.map-key{padding:17px 20px 22px}.map-key ol{font-size:13px;gap:9px}.map-key>p{font-size:10px}.atlas-note{padding:14px 20px;font-size:11px}.national-reading{grid-template-columns:1fr;gap:20px;padding:22px 20px}.national-reading .result-range{font-size:23px}.static-crops{padding:0 20px;font-size:13px}.crop-row{grid-template-columns:1fr}.crop-share{text-align:left}.crop-origins{grid-column:auto}.ruled-section{padding:38px 0}.section-grid{grid-template-columns:1fr;gap:22px}.section-grid h2{font-size:33px;max-width:330px}.prose{font-size:16px}.global-intro{font-size:16px;margin-top:20px}.implication{font-size:26px;margin-top:28px}.site-footer{padding:28px 0;flex-direction:column;gap:22px}.footer-end{align-items:flex-start}.country-data{margin-top:25px}.metric-row dd{font-size:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.theme-toggle,.country-control,.crop-choices,.back-to-top{display:none}.static-crops{display:block}.site-header,main,.site-footer{margin:0}.crop-focus{print-color-adjust:exact}.ruled-section{break-inside:avoid}}
/* Keep the complete atlas within a normal desktop reading window. */
@media(min-width:901px){
 .site-header{padding-top:16px;padding-bottom:16px}
 .hero{padding-top:38px;padding-bottom:38px}
 .hero h1{font-size:60px}
 .instrument-head{padding-top:20px;padding-bottom:20px}
 .crop-choice{min-height:54px;padding-top:9px;padding-bottom:9px}
 .crop-choices{gap:4px}.crop-index{padding-top:20px}
 .atlas-map{height:300px}.focus-head{padding-top:20px}
 .map-key{padding-top:14px;padding-bottom:18px}
}
.map-pin{animation:none}.pin-halo{animation:region-ring .45s ease-out both}
@keyframes region-ring{from{r:14;opacity:.25}to{r:23;opacity:.12}}
@media(max-width:620px){
 .hero h1{font-size:38px}.hero{gap:17px;padding-top:27px;padding-bottom:25px}
 .instrument-head{padding:18px 20px}.instrument-head h2{font-size:26px}
 .instrument-head p{font-size:12px;max-width:none}
 .country-control{margin-top:14px}
 .crop-index{padding:12px}
 .crop-choices{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;padding:5px 5px 10px;scrollbar-color:var(--accent) var(--active);scrollbar-width:thin}
 .crop-choice{flex:0 0 112px;min-height:67px;scroll-snap-align:start}
 .choice-top>span:first-child{min-height:17px}
 .map-pin .pin-core{r:20}.map-pin .pin-halo{r:30;animation:none}
 .map-pin text{font-size:27px;transform:translateY(5px)}
}

@media(max-width:620px){
 .crop-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:5px}
 .crop-choice{min-width:0;min-height:70px}
}