@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#0b1719;--panel:#101f22;--paper:#f3f5ee;--lime:#dcff8f;--green:#47735d;--muted:#5b6964;--line:#cfd6cd;--darkline:#34474a;--mono:'IBM Plex Mono',monospace;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}button,select,input{font:inherit}a{color:inherit;text-underline-offset:5px}header{height:82px;position:sticky;top:0;z-index:20;padding:0 5%;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #35454c}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;text-decoration:none}.brand span{color:var(--lime)}nav{display:flex;gap:25px}nav a{text-decoration:none;color:#c5cfcc;font-size:14px}nav a:hover,nav a[aria-current=true]{color:var(--lime)}.window,.eyebrow{font:12px/1.5 var(--mono);letter-spacing:1.2px}.window{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-2px}h1{font-size:clamp(60px,7.7vw,112px);margin:18px 0 24px}h1 em,h2 em{font-weight:400;color:var(--green)}.intro{padding:72px 6% 58px}.intro .eyebrow{color:var(--green)}.direct-copy{max-width:770px;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.45;color:#40504a}.atlas{background:var(--ink);color:#eef3f1;padding:40px 3.5% 54px}.atlas .eyebrow{color:var(--lime)}.atlas-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.atlas h2{font:32px/1.2 'DM Sans',sans-serif;letter-spacing:-1px;margin:7px 0 0}.audio-control{min-width:min(390px,100%)}.audio-control label{display:block;color:#bac8c4;font-size:14px;margin-bottom:7px}.audio-control select{width:100%;background:#18282c;color:#f1f5f3;border:1px solid #596c70;padding:12px 14px;border-radius:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--darkline);margin-bottom:16px}.stats div{padding:14px 17px;border-right:1px solid var(--darkline)}.stats div:last-child{border-right:0}.stats span{display:block;color:#91a39d;font:10px var(--mono)}.stats strong{display:block;color:var(--lime);font:30px/1.2 var(--serif);margin-top:4px}.maps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-card{border:1px solid var(--darkline);background:var(--panel);min-width:0}.map-title{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:14px 16px;border-bottom:1px solid var(--darkline)}.map-title span{font:10px var(--mono);color:var(--lime)}.map-title h3{font:25px/1.1 var(--serif);margin:3px 0 0}.map-title p{max-width:240px;text-align:right;margin:0;color:#91a49e;font-size:12px}.map-stage{position:relative;aspect-ratio:1.38/1;min-height:365px;overflow:hidden;background:radial-gradient(circle at center,#192a2d 0,#0b1719 70%)}.map-stage canvas{display:block;width:100%;height:100%;cursor:crosshair}.tooltip{position:absolute;z-index:5;pointer-events:none;max-width:240px;background:#f4f6ef;color:#122023;border:1px solid #263b3f;padding:9px 11px;box-shadow:0 6px 20px #0005;font-size:11px;line-height:1.45}.tooltip b{display:block;font-size:12px}.tooltip span{display:block;color:#53615c}.map-legend{min-height:46px;padding:10px 15px;display:flex;align-items:center;gap:13px;overflow:hidden;color:#a1b1ac;font:10px var(--mono)}.legend-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend-item i{width:7px;height:7px;border-radius:50%;display:block}.map-guidance{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--darkline);border-top:0}.map-guidance span{padding:11px 14px;border-right:1px solid var(--darkline);color:#9caea8;font-size:11px}.map-guidance span:last-child{border-right:0}.timeline{margin-top:16px;border:1px solid var(--darkline);background:var(--panel);padding:17px 18px 14px}.timeline-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.timeline-head .eyebrow{margin-bottom:4px}.timeline-head h3{font:22px/1.2 var(--serif);margin:0}.timeline-head>strong{font:24px/1.2 var(--serif);color:var(--lime)}.chart-wrap{height:150px;margin:13px 0 7px;border-bottom:1px solid #687772}.chart-wrap canvas{width:100%;height:100%;display:block}#time-slider{width:100%;accent-color:var(--lime);cursor:ew-resize}.timeline-axis{display:flex;justify-content:space-between;color:#82958f;font:10px var(--mono);margin-top:2px}.timeline-axis span:nth-child(2){color:#a9bab4}.section{padding:82px 6%}.section-heading{max-width:780px}.section-heading h2{font-size:clamp(45px,5vw,72px);margin:12px 0 42px}.method{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;background:#e5ebdd}.method-copy{border-top:1px solid #aebaa9;padding-top:22px;color:#46564e;font-size:17px}.method-copy blockquote{font:34px/1.2 var(--serif);color:var(--ink);margin:38px 0 0;padding-left:22px;border-left:4px solid var(--green)}.references ol{list-style:none;margin:0;padding:0}.references li{display:grid;grid-template-columns:55px 1fr;gap:25px;border-top:1px solid var(--line);padding:23px 0}.references li>span{font:14px var(--mono);color:var(--green)}.references h3{font-size:18px;margin:0 0 5px}.references p{color:#506050;margin:0;font-size:14px}footer{padding:31px 6%;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{margin:0;color:#b9c5c1}footer>span{font:12px var(--mono);color:var(--lime)}@media(max-width:1050px){.window{display:none}.maps{grid-template-columns:1fr}.map-stage{aspect-ratio:1.8/1}.map-guidance{grid-template-columns:1fr 1fr}.map-guidance span:nth-child(2){border-right:0}.map-guidance span:nth-child(-n+2){border-bottom:1px solid var(--darkline)}.method{grid-template-columns:1fr}}@media(max-width:700px){header{height:auto;min-height:95px;flex-wrap:wrap;padding:12px 5%;gap:8px}nav{order:3;width:100%;justify-content:space-between}nav a{font-size:12px}.intro{padding:45px 5% 38px}h1{font-size:58px;letter-spacing:-1px}.atlas{padding:25px 4% 40px}.atlas-head{display:block}.audio-control{margin-top:18px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--darkline)}.stats div:last-child{border-bottom:0}.map-stage{aspect-ratio:1/1;min-height:330px}.map-title p{display:none}.map-guidance{grid-template-columns:1fr}.map-guidance span{border-right:0;border-bottom:1px solid var(--darkline)}.timeline-head{display:block}.timeline-head>strong{display:block;margin-top:9px}.timeline-axis span:nth-child(2){display:none}.section{padding:55px 5%}.section-heading h2{font-size:44px}.references li{grid-template-columns:32px 1fr;gap:12px}footer{align-items:start;flex-direction:column}}
/* Daily temporal controls and compact keys */
.audio-control{min-width:min(430px,100%)}.selection-note{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:9px;align-items:start}.selection-note strong{color:var(--lime);font:11px var(--mono);text-transform:uppercase}.selection-note p{margin:0;color:#9daea9;font-size:11px;line-height:1.4}.map-title{align-items:start;min-height:82px}.header-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 10px;max-width:55%;color:#a1b1ac;font:9px var(--mono);line-height:1.2}.header-legend .legend-item{max-width:135px;overflow:hidden;text-overflow:ellipsis}.header-legend .unassigned{opacity:.48}.mode-bar{display:grid;grid-template-columns:1fr 1fr;max-width:600px;margin:14px 0 0;border:1px solid var(--darkline)}.mode{display:flex;flex-direction:column;align-items:flex-start;padding:9px 12px;background:#142428;color:#9eb0aa;border:0;border-right:1px solid var(--darkline);cursor:pointer}.mode:last-child{border-right:0}.mode strong{font-size:12px}.mode small{font-size:10px}.mode.active{background:var(--lime);color:var(--ink)}.range-control{height:22px;position:relative}.range-control[hidden]{display:none}.range-control input{position:absolute;left:0;top:0;width:100%;pointer-events:none;background:transparent}.range-control input::-webkit-slider-thumb{pointer-events:auto}.range-control input::-moz-range-thumb{pointer-events:auto}#time-slider,#start-slider,#end-slider{width:100%;accent-color:var(--lime);cursor:ew-resize}.tooltip .muted-family{color:#87928e;font-style:italic}.chart-wrap{height:165px}@media(max-width:700px){.selection-note{display:block}.selection-note p{margin-top:4px}.header-legend{max-width:58%}.mode-bar{grid-template-columns:1fr}.mode{border-right:0;border-bottom:1px solid var(--darkline)}}
.audio-actions{display:flex;align-items:center;gap:10px;margin-top:9px;min-height:30px}.audio-actions button{border:1px solid #687c7f;background:var(--lime);color:var(--ink);padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.audio-actions button:disabled{background:#263639;color:#84938e;border-color:#415256;cursor:not-allowed}.audio-actions span,.audio-actions a{font-size:11px;color:#91a49e}.audio-actions a{margin-left:auto}.audio-actions a:not([href]){display:none}@media(max-width:700px){.audio-actions{flex-wrap:wrap}.audio-actions a{margin-left:0}}