@font-face{font-family:Copernicus;src:url('../../fonts/CopernicusWeb-Book.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Copernicus;src:url('../../fonts/CopernicusWeb-BookItalic.woff') format('woff');font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url('../../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f7f6f2;--ink:#232d2b;--muted:#65706b;--line:#d4d7cf;--gold:#eabd68;--green:#245950;--night:#192734;--twilight:#71949b;--sun:#cedecc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Inter,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button,select,input[type=date],input[type=time]{cursor:pointer}button{border:1px solid var(--line);background:transparent;border-radius:3px;padding:8px 12px;transition:background .15s}button:hover{background:#e9ece5}a{color:inherit;text-underline-offset:3px}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}input[type=range]{width:100%;accent-color:var(--green);cursor:ew-resize;height:20px}input[type=checkbox]{accent-color:var(--green)}select{max-width:100%;padding:9px 28px 9px 9px;border:1px solid var(--line);border-radius:2px;background:var(--paper)}strong{font-weight:600}.masthead{max-width:1280px;margin:0 auto;padding:22px 38px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:12px}.masthead a{text-decoration:none}.masthead span{color:var(--muted)}main{max-width:1140px;margin:0 auto;padding:0 36px}.intro{padding:70px 0 54px;max-width:720px}.eyebrow{margin:0 0 24px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:650;color:var(--green)}h1{font-family:Copernicus,Georgia,serif;font-size:clamp(48px,7.5vw,86px);line-height:1.13;letter-spacing:-.055em;font-weight:400;margin:0 0 24px}h1 em{color:var(--green)}.dek{font-family:Copernicus,Georgia,serif;font-size:clamp(17px,2.5vw,23px);line-height:1.65;letter-spacing:-.03em}.intro-note{max-width:570px;color:var(--muted);font-size:14px;line-height:1.75;margin-top:22px}.explorer,.comparison,.experience{border-top:1px solid var(--ink);padding:27px 0 36px}.location-line,.section-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.location-line{justify-content:space-between}.location-line>div{display:flex;align-items:center;gap:14px}h2{font-family:Copernicus,Georgia,serif;font-size:24px;letter-spacing:-.03em;font-weight:400;line-height:1.4;margin:0}.section-number{font-size:11px;color:var(--muted)}.place-control{display:flex;align-items:center;gap:12px;font-size:12px}.place-control>span{color:var(--muted)}.chart-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 6px;font-size:12px;color:var(--muted)}.chart-top p{margin:0}.legend{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.legend span{width:11px;height:11px;display:inline-block;margin-left:9px}.sun-swatch{background:var(--sun)}.twilight-swatch{background:var(--twilight)}.night-swatch{background:var(--night)}.annual-wrap{position:relative;width:100%;height:310px}#annual{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}.chart-tooltip{position:absolute;pointer-events:none;background:var(--paper);border:1px solid var(--line);padding:5px 9px;font-size:12px;z-index:2}.year-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:0 0 25px;padding-left:44px}#annual-label{color:var(--ink);font-weight:600}.date-controls{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:19px 0}.step{font-size:17px;padding:4px 10px}.date-value{flex-shrink:0;min-width:145px}.date-value span{font-size:10px;color:var(--muted);display:block}.date-value strong{font-family:Copernicus,Georgia,serif;font-size:20px;font-weight:400}input[type=date],input[type=time]{border:1px solid var(--line);border-radius:2px;background:transparent;padding:7px;font-size:12px;min-width:0}.latitude-controls{display:grid;grid-template-columns:260px 1fr;gap:12px 26px;padding:18px 0;border-top:1px solid var(--line)}.latitude-controls label{font-size:12px}.latitude-controls strong{margin-left:10px;font-variant-numeric:tabular-nums}.latitude-slider{display:flex;align-items:center;gap:12px}.latitude-slider span{font-size:10px;white-space:nowrap;color:var(--muted)}.latitude-controls p{margin:0;color:var(--muted);font-size:11px;grid-column:1/-1}.guided{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:19px}.guided>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:9px}.guided button{font-size:11px;padding:6px 9px}.guided button.active{background:var(--green);color:var(--paper);border-color:var(--green)}.story-copy{font-family:Copernicus,Georgia,serif;font-size:15px;margin:18px 0 0;line-height:1.8;max-width:840px}.day-length{font-size:12px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.section-dek{font-size:12px;color:var(--muted);margin:10px 0 22px}.schedule-controls{display:flex;gap:16px 24px;flex-wrap:wrap;align-items:center;margin:0 0 17px;font-size:11px}.schedule-controls label{display:flex;align-items:center;gap:8px}.lock-control{margin-left:auto;color:var(--muted)}.day-rows{margin-left:0}.day-row{display:grid;grid-template-columns:165px 1fr 164px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.row-title{padding:0;text-align:left;border:0;font-size:13px;line-height:1.4;border-radius:0}.row-title span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.row-title[aria-pressed=true]{color:var(--green);font-weight:650}.row-title[aria-pressed=true]:before{content:'● ';font-size:8px}.row-title:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}.day-strip{position:relative;height:82px}.day-strip svg{display:block;width:100%;height:82px;overflow:visible;cursor:crosshair}.row-summary{font-size:11px;font-variant-numeric:tabular-nums}.row-summary strong{display:block;font-size:12px;font-weight:500}.row-summary span{color:var(--muted)}.compare-insight{border-left:2px solid var(--green);padding:4px 0 4px 16px;font-family:Copernicus,Georgia,serif;font-size:16px;line-height:1.75;margin:20px 0}.historical{margin:23px 0;font-size:12px}.historical summary{cursor:pointer;color:var(--muted)}.history-options{display:flex;gap:20px;flex-wrap:wrap;margin-top:13px}.history-options label{display:flex;align-items:center;gap:5px}.historical p{color:var(--muted);max-width:790px;font-size:11px}.policy-detail{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);padding:23px 0 0}.policy-detail h3{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin:0 0 8px}.policy-detail p{font-size:12px;margin:0;line-height:1.75}.policy-detail .policy-rule{grid-column:1/-1;margin-top:0;font-size:11px;color:var(--muted)}.scene-wrap{position:relative;height:405px;background:#7e9fa0;border-radius:3px;overflow:hidden}.scene-wrap canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.scene-wrap canvas:active{cursor:grabbing}.scene-top,.scene-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#fff5df;text-shadow:0 1px 5px #17332d80;pointer-events:none}.scene-top{top:21px;align-items:flex-start}.scene-top span{font-size:11px;display:block;opacity:.9}.scene-top strong{font:28px/1.6 Copernicus,Georgia,serif}.scene-top>div:last-child{font-size:11px;padding-top:9px}.scene-bottom{bottom:20px;font-size:11px}.compass{display:flex;flex-direction:column;align-items:center;line-height:1}.compass span{font-size:10px}.compass svg{width:40px;height:40px}.hour-control{margin-top:20px}.hour-control label,.direction-control label{display:flex;justify-content:space-between;font-size:12px}.hour-control>input{margin:10px 0 0}.hour-control strong{font-variant-numeric:tabular-nums}.hour-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.jump-times{display:flex;gap:7px;margin-top:12px}.jump-times button{font-size:11px;padding:5px 10px}.jump-times #play{margin-left:auto}.jump-times button[aria-pressed=true]{background:var(--green);color:var(--paper)}.scene-controls{display:grid;grid-template-columns:1fr 260px;gap:70px;margin-top:23px;padding-top:22px;border-top:1px solid var(--line)}.direction-control>input{margin-top:10px}.directions{display:flex;justify-content:space-between}.directions button{font-size:10px;padding:3px 10px}.directions button.active{background:var(--green);color:var(--paper);border-color:var(--green)}.weather-control{display:flex;flex-direction:column;gap:8px;font-size:12px}.weather-note{font-size:11px;color:var(--muted);margin:20px 0 0}.explanation{padding:60px 0;border-top:1px solid var(--ink)}.explanation h2{font-size:38px;line-height:1.4;margin-bottom:22px}.explanation h2 em{color:var(--green)}.essay-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:930px}.essay-columns p{font-family:Copernicus,Georgia,serif;font-size:15px;line-height:1.9;margin:0}.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:32px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact-strip span{font-size:11px;font-weight:650}.fact-strip p{font-size:12px;margin:8px 0 0;color:var(--muted)}.policy-status summary{font-family:Copernicus,Georgia,serif;font-size:17px;cursor:pointer}.policy-status summary span{font:10px Inter,Arial,sans-serif;color:var(--muted);margin-left:15px}.policy-status p{font-size:13px;line-height:1.85;max-width:820px}footer{border-top:1px solid var(--ink);padding:30px 0 25px}footer h2{font-size:18px}.source-columns{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;margin-top:22px}.source-columns h3{font-size:11px;margin:0}.source-columns p{font-size:11px;line-height:1.8;color:var(--muted)}.endnote{font-family:Copernicus,Georgia,serif;font-style:italic;font-size:13px;text-align:center;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.noscript{padding:25px;background:var(--sun)}
@media(min-width:1500px){main{max-width:1240px}.scene-wrap{height:440px}}
@media(max-width:800px){main{padding:0 22px}.masthead{padding:18px 22px}.masthead>span{display:none}.intro{padding-top:45px}.chart-top{flex-wrap:wrap}.location-line{gap:15px}.place-control{width:100%;justify-content:space-between}.annual-wrap{height:290px}.date-controls{gap:10px;flex-wrap:wrap}.date-value{min-width:125px}.date-controls>input[type=range]{order:2;flex-basis:100%}.date-controls>input[type=date]{margin-left:auto}.date-controls #next{margin-left:auto}.latitude-controls{grid-template-columns:1fr}.day-row{grid-template-columns:136px 1fr;gap:10px}.row-summary{grid-column:2;display:flex;gap:12px;margin-top:-7px}.row-summary strong{font-size:11px}.day-length{margin-left:25px}.lock-control{margin-left:0}.policy-detail{gap:15px}.scene-wrap{height:345px}.scene-controls{gap:25px;grid-template-columns:1fr 190px}.source-columns{grid-template-columns:1fr 1fr}.source-columns>div:last-child{grid-column:1/-1}.year-caption{flex-wrap:wrap;gap:5px}.essay-columns{gap:24px}.fact-strip{grid-template-columns:1fr 1fr}.policy-status summary span{display:block;margin:8px 0 0}}
@media(max-width:480px){main{padding:0 17px}.masthead{padding:16px 17px;font-size:10px}.intro{padding:38px 0 35px}h1{font-size:51px}.intro-note{font-size:13px}.eyebrow{font-size:9px}.dek{font-size:18px}h2{font-size:21px}.chart-top{font-size:11px}.legend{font-size:10px}.annual-wrap{height:255px}.latitude-slider{gap:6px}.day-row{grid-template-columns:1fr;padding:13px 0;gap:5px}.row-title span{display:inline;margin-left:7px}.day-strip{height:76px}.row-summary{grid-column:1;justify-content:space-between;margin-top:0}.day-length{margin-left:25px;font-size:11px}.section-dek{font-size:11px}.schedule-controls{gap:10px;font-size:10px}.policy-detail{grid-template-columns:1fr;gap:17px}.policy-detail .policy-rule{grid-column:1}.scene-wrap{height:310px}.scene-top,.scene-bottom{left:17px;right:17px}.scene-top strong{font-size:23px}.scene-bottom>span{max-width:240px;font-size:10px}.scene-controls{grid-template-columns:1fr;gap:22px}.weather-control{flex-direction:row;justify-content:space-between;align-items:center}.hour-ticks{font-size:9px}.essay-columns{grid-template-columns:1fr;gap:20px}.explanation{padding:40px 0}.explanation h2{font-size:30px}.essay-columns p{font-size:14px}.source-columns{grid-template-columns:1fr;gap:20px}.source-columns>div:last-child{grid-column:1}.year-caption{padding-left:35px;font-size:10px}.history-options{gap:10px}.compare-insight{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}
.intro{max-width:none;display:grid;grid-template-columns:1.05fr 1fr;gap:0 65px;padding:40px 0 35px;align-items:center}.intro .eyebrow{grid-column:1/-1;margin-bottom:17px}.intro h1{grid-row:2/4;margin-bottom:0;font-size:clamp(46px,6vw,70px)}.intro .dek{margin:0;align-self:end;font-size:19px}.intro-note{align-self:start;margin:12px 0 0;font-size:12px}.core-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:17px 0 0}.policy-switch{display:flex;border:1px solid var(--line);border-radius:3px;padding:3px;gap:3px}.policy-switch button{border:0;font-size:12px;padding:8px 12px}.policy-switch button[aria-pressed=true]{background:var(--green);color:var(--paper)}.policy-switch button span{font-size:9px;opacity:.8;margin-left:5px}.core-toolbar .place-control>span{display:none}.core-toolbar .place-control select{font-size:11px}.core-insight{font-size:12px;margin:14px 0 17px;min-height:19px;color:var(--muted)}.core-insight strong{color:var(--ink);font-weight:550}.core-lock{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:16px;color:var(--muted)}.scene-footnote{font-size:10px;color:var(--muted);margin-top:12px}.scene-settings{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.scene-settings summary{cursor:pointer;font-size:11px;color:var(--muted)}.scene-settings .latitude-controls{border:0;padding-bottom:0}.scene-settings .scene-controls{margin-top:14px;padding-top:15px}.argument-details{font-size:12px;margin-top:22px}.argument-details summary{cursor:pointer;color:var(--muted)}.argument-details .policy-detail{margin-top:15px}.experience .date-controls{margin-top:22px}.experience .guided{margin-top:5px}.experience .story-copy{font-size:13px}.experience .scene-wrap{height:390px}.core-dek{margin-bottom:8px}
@media(max-width:800px){.intro{gap:0 24px;padding-top:32px}.intro h1{font-size:52px}.intro .dek{font-size:15px}.core-toolbar .place-control{width:auto}.policy-switch button{padding:7px 10px;font-size:11px}.experience .scene-wrap{height:350px}}
@media(max-width:480px){.intro{display:block;padding:30px 0 25px}.intro h1{font-size:48px;margin:0 0 14px}.intro .dek{font-size:15px}.intro .dek br{display:none}.intro-note{display:none}.intro .eyebrow{margin-bottom:12px}.policy-switch{width:100%}.policy-switch button{flex:1;padding:8px 5px;font-size:10px}.policy-switch button span{display:block;margin-left:0}.core-toolbar .place-control{width:100%}.core-toolbar .place-control select{width:100%}.core-insight{font-size:11px}.experience .scene-wrap{height:290px}.scene-settings .latitude-controls{padding-top:16px}.core-lock{font-size:10px}}
/* One continuous, full-bleed instrument; supporting arguments live below it. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.floating-masthead{position:absolute;z-index:5;left:0;right:0;top:0;max-width:none;border:0;color:#fbf2dd;padding:18px 30px;font-size:11px;text-shadow:0 1px 4px #19332988}.floating-masthead span{color:#fbf2dd99}
.sky-instrument{width:100vw;margin-left:calc(50% - 50vw);padding:0}.sky-instrument .scene-wrap{height:75svh;min-height:530px;max-height:880px;border-radius:0}.scene-title{position:absolute;left:30px;top:67px;color:#fcf0d6;text-shadow:0 2px 18px #23342d30;pointer-events:none}.scene-title>p:first-child{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 11px}.scene-title h1{font-size:clamp(34px,4vw,56px);line-height:1.15;margin:0;letter-spacing:-.045em}.scene-title h1 em{color:#fcf0d6}.scene-premise{font:12px/1.7 Copernicus,Georgia,serif;margin-top:14px;color:#fcf0d6cc}
.glass{background:#162e3345;border:1px solid #e4eddb25;border-radius:5px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f9f1df;box-shadow:0 2px 20px #1830270d}.floating-policy{position:absolute;right:30px;top:66px;padding:5px 6px 8px;z-index:4}.floating-policy .policy-switch{border:0;padding:0;gap:4px}.floating-policy button{color:#f9f1df;padding:8px 11px;font-size:11px;line-height:1.5}.floating-policy button:hover{background:#ffffff1a}.floating-policy button[aria-pressed=true]{background:#f7eedccb;color:#263c37}.floating-policy button span{display:block;margin-left:0;font-size:9px;opacity:.65}.floating-policy .core-lock{font-size:9px;margin:8px 7px 0;color:#f7eedcbf}.floating-policy input[type=checkbox]{accent-color:#f7eedc}.floating-policy button:focus-visible,.scene-wrap select:focus-visible,.scene-wrap button:focus-visible,.scene-wrap input:focus-visible{outline:2px solid #fff3d6;outline-offset:3px}
.floating-location{position:absolute;right:30px;top:171px;width:233px;padding:9px 13px;z-index:4}.floating-location select{font-size:11px;background:transparent;color:inherit;border:0;width:100%;padding:2px 0 8px;outline-offset:2px}.scene-wrap select option{background:#263c3e;color:#f9f1df}.latitude-mini{display:flex;justify-content:space-between;font-size:9px;color:#f7eedcbf}.latitude-mini strong{font-weight:400;font-variant-numeric:tabular-nums}.floating-location input{accent-color:#f7eedc;height:13px;margin:5px 0 0}
.floating-clock{position:absolute;left:30px;bottom:64px;display:flex;flex-direction:column;color:#fff1d1;text-shadow:0 1px 15px #152b2ac0;pointer-events:none}.floating-clock>span:first-child{font-size:11px}.floating-clock strong{font:clamp(36px,5vw,67px)/1.35 Copernicus,Georgia,serif;letter-spacing:-.04em}.floating-clock>span:last-child{font-size:10px;color:#fcf0d6b0}.scene-caption{position:absolute;bottom:15px;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#fff1d1a6;text-shadow:0 1px 4px #152b2a80;pointer-events:none}
.floating-compass{position:absolute;right:30px;bottom:54px;width:132px;padding:4px 12px 8px;z-index:4}.compass-dial{width:106px;height:106px;position:relative;touch-action:none;cursor:grab;color:#f8ebcd}.compass-dial svg{width:106px;height:106px;pointer-events:none}.compass-dial button{position:absolute;z-index:2;border:0;border-radius:50%;width:23px;height:23px;padding:0;line-height:23px;font-size:10px;background:transparent;color:inherit}.compass-dial button[data-bearing="0"]{top:0;left:41px}.compass-dial button[data-bearing="90"]{top:41px;right:0}.compass-dial button[data-bearing="180"]{bottom:0;left:41px}.compass-dial button[data-bearing="270"]{top:41px;left:0}.compass-dial button.active{background:#f7eedccb;color:#263c37}.compass-dial button:hover{background:#ffffff25}.floating-compass>output{display:block;font-size:9px;text-align:center;color:#f7eedcbf}.compass-dial:focus-visible{outline:2px solid #fff3d6;outline-offset:2px;border-radius:50%}
.floating-weather{position:absolute;left:30px;bottom:212px;display:flex;align-items:center;gap:9px;padding:6px 10px;font-size:9px;z-index:4}.floating-weather label{color:#f7eedcaa}.floating-weather select{color:inherit;background:transparent;border:0;font-size:10px;padding:0}
.sun-jumps{position:absolute;inset:0;pointer-events:none;z-index:3}.solar-card{position:absolute;pointer-events:auto;padding:5px 8px;text-align:left;font-size:9px;background:#18323935;border:1px solid #f7eedc50;color:#fff1d1;backdrop-filter:blur(9px);white-space:nowrap;transform:translateX(-50%);box-shadow:0 1px 12px #10252215}.solar-card:hover{background:#18323999}.solar-card:disabled{opacity:.35;pointer-events:none}.solar-card>span{display:block;font-size:8px;color:#fff1d1b0}.solar-card>strong{font-size:10px;font-weight:400}.solar-card>small{padding-left:8px;font-size:10px}.solar-card:after{content:'';width:1px;height:14px;background:#f7eedc80;position:absolute;left:50%;top:100%}
.instrument-note{padding:9px 30px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.instrument-note p{margin:0}.instrument-note strong{color:var(--ink);font-weight:550}.this-day,.this-year{padding:12px 30px 0}.instrument-heading{display:flex;align-items:center;gap:13px;font-size:10px}.instrument-heading h2{font-size:17px;margin-right:1px}.instrument-heading>span{color:var(--muted)}.instrument-heading .clock-input{margin-left:auto;display:flex;gap:8px;color:var(--muted);align-items:center;font-size:10px}.clock-input strong{color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.instrument-heading #play{font-size:10px;padding:3px 8px}.instrument-heading .step{font-size:14px;padding:0 5px;border:0}.instrument-heading .date-value{min-width:0}.instrument-heading .date-value strong{font:11px Inter,Arial,sans-serif;font-weight:500}.instrument-heading input[type=date]{padding:3px 5px;font-size:10px}.instrument-heading .legend{margin-left:auto;font-size:9px}.day-bar-wrap{height:91px;position:relative;margin-top:3px}#day-bar{display:block;width:100%;height:91px}.day-bar-scrubber{position:absolute;left:0;right:0;top:22px;width:100%;height:36px!important;margin:0;opacity:0;touch-action:pan-y;cursor:ew-resize!important}.day-bar-scrubber:focus-visible{opacity:1;outline-offset:0}.this-year{border-top:1px solid var(--line);padding-top:15px}.this-year .annual-wrap{height:220px;margin-top:8px}.this-year .year-caption{margin:6px 0 14px;font-size:10px}.support-note{display:flex;justify-content:space-between;gap:20px;padding:8px 30px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.support-note p{margin:0}.sky-instrument .guided{padding:10px 30px;margin:0}.sky-instrument .story-copy{padding:0 30px;margin:0 0 23px;font:12px/1.8 Copernicus,Georgia,serif}.comparison-disclosure{padding:20px 0}.comparison-disclosure>summary{cursor:pointer;font-size:12px;color:var(--muted)}.comparison-disclosure>section{margin-top:25px}.comparison-disclosure .section-heading{margin-top:10px}.explanation{padding-top:35px}.explanation h2{font-size:31px}.chart-return{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.scene-title{left:45px}.floating-policy,.floating-location,.floating-compass{right:45px}.floating-clock,.floating-weather{left:45px}.this-day,.this-year{padding-left:45px;padding-right:45px}}
@media(max-width:800px){.sky-instrument .scene-wrap{height:72svh;min-height:570px}.scene-title{top:58px;left:20px}.scene-title h1{font-size:36px}.scene-premise{font-size:10px}.floating-policy{right:20px;top:60px}.floating-policy button{font-size:10px;padding:7px 8px}.floating-location{right:20px;top:157px;width:213px}.floating-clock{left:20px}.floating-clock strong{font-size:45px}.floating-weather{left:20px;bottom:200px}.floating-compass{right:20px}.scene-caption{left:20px;right:20px}.this-day,.this-year{padding-left:20px;padding-right:20px}.instrument-note{padding-left:20px;padding-right:20px}.instrument-heading .legend{display:none}.instrument-heading .clock-input{font-size:9px}.support-note{padding-left:20px;padding-right:20px}.support-note>span{display:none}.solar-card{padding:4px 6px}.floating-masthead{padding-left:20px;padding-right:20px}}
@media(max-width:480px){.floating-masthead{padding:13px 15px;font-size:9px}.floating-masthead>a:last-child{font-size:8px}.sky-instrument .scene-wrap{height:78svh;min-height:610px}.scene-title{top:45px;left:15px}.scene-title h1{font-size:31px}.scene-title>p:first-child{font-size:7px;letter-spacing:.08em;margin-bottom:6px}.scene-premise{display:none}.floating-policy{left:15px;right:15px;top:139px}.floating-policy .policy-switch{width:100%}.floating-policy button{font-size:10px;flex:1;padding:5px}.floating-policy button span{font-size:8px}.floating-policy .core-lock{font-size:8px;margin-top:5px}.floating-location{top:233px;right:15px;width:180px;padding:8px 10px}.floating-location select{font-size:10px}.latitude-mini{font-size:8px}.floating-clock{left:15px;bottom:61px}.floating-clock strong{font-size:39px}.floating-clock>span:first-child{font-size:9px}.floating-compass{right:15px;bottom:53px;transform-origin:bottom right;transform:scale(.85)}.floating-weather{left:15px;bottom:175px;padding:6px 8px}.floating-weather label{display:none}.scene-caption{left:15px;right:15px;font-size:8px;bottom:12px}.scene-caption>span:last-child{display:none}.solar-card{font-size:8px;max-width:100px}.solar-card>strong{font-size:9px}.solar-card>span{font-size:7px}.solar-card>small{font-size:8px;padding-left:4px}.instrument-note{padding:8px 15px;font-size:10px}.this-day,.this-year{padding-left:15px;padding-right:15px}.instrument-heading{gap:7px}.instrument-heading h2{font-size:15px}.instrument-heading>span{font-size:8px}.instrument-heading .clock-input{font-size:0;gap:0}.clock-input strong{font-size:10px}.instrument-heading #play{font-size:8px;padding:3px 5px}.instrument-heading input[type=date]{display:none}.instrument-heading .date-value strong{font-size:10px}.this-year .annual-wrap{height:195px}.this-year .year-caption{font-size:9px;padding-left:35px;gap:5px}.this-year .year-caption #annual-day{display:none}.support-note{padding:8px 15px;font-size:8px}.sky-instrument .guided{padding:10px 15px;gap:5px}.guided>span{font-size:8px}.sky-instrument .guided button{font-size:9px;padding:4px 6px}.sky-instrument .story-copy{padding:0 15px;font-size:11px}.comparison-disclosure>summary{font-size:11px}}

/* Keep the landscape behind the entire time instrument on every screen. */
.sky-instrument .scene-wrap{height:max(100svh,840px);min-height:0;max-height:none;--dock-height:270px}
.timeline-dock{position:absolute;left:24px;right:24px;bottom:22px;z-index:5;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.7fr);gap:0 22px;padding:12px 18px 8px;background:#162e3345;border:1px solid #e4eddb25;border-radius:5px;box-shadow:0 2px 20px #1830270d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.timeline-dock .instrument-note{grid-column:1/-1;padding:0 0 9px;margin:0 0 9px;border-color:#687a6c25;font-size:10px}
.timeline-dock .this-day,.timeline-dock .this-year{padding:0;border:0;min-width:0}
.timeline-dock .this-day{display:flex;flex-direction:column;justify-content:center;padding-bottom:23px}
.timeline-dock .instrument-heading{gap:8px;flex-wrap:wrap;font-size:9px}
.timeline-dock .instrument-heading h2{font-size:16px}
.timeline-dock .instrument-heading .clock-input{font-size:0}
.timeline-dock .clock-input strong{font-size:10px}
.timeline-dock .instrument-heading #play{font-size:9px;padding:3px 7px;border-color:#687a6c35}
.timeline-dock .instrument-heading .legend{display:none}
.timeline-dock .instrument-heading input[type=date]{font-size:9px;padding:2px 3px;border-color:#687a6c35}
.timeline-dock .day-bar-wrap{margin-top:9px}
.timeline-dock .this-year .annual-wrap{height:162px;margin-top:4px}
.timeline-dock .year-caption{margin:3px 0 0;padding-left:44px;font-size:8px;gap:3px}
.timeline-dock #annual-caption,.timeline-dock #annual-day{display:none}

.floating-clock{bottom:calc(var(--dock-height) + 49px)}
.floating-compass{bottom:calc(var(--dock-height) + 45px)}
.floating-weather{bottom:calc(var(--dock-height) + 178px)}
.scene-caption{bottom:calc(var(--dock-height) + 30px);font-size:8px}
@media(max-width:900px){
 .timeline-dock{grid-template-columns:1fr;gap:10px;left:18px;right:18px;bottom:18px;padding:10px 14px 8px}
 .timeline-dock .instrument-note{margin:0;padding-bottom:8px;grid-column:1}
 .timeline-dock .this-day{padding-bottom:0}
 .timeline-dock .day-bar-wrap,.timeline-dock #day-bar{height:73px}
 .timeline-dock .day-bar-wrap{margin-top:0}
 .timeline-dock .this-year{border-top:1px solid #687a6c25;padding-top:10px}
 .timeline-dock .this-year .annual-wrap{height:155px;margin-top:2px}
 .timeline-dock .instrument-heading .clock-input{margin-left:auto}
 .timeline-dock .year-caption{padding-left:35px}
 .floating-clock{bottom:calc(var(--dock-height) + 42px)}
 .floating-compass{bottom:calc(var(--dock-height) + 38px)}
 .floating-weather{bottom:calc(var(--dock-height) + 166px)}
 .scene-caption{bottom:calc(var(--dock-height) + 25px)}
}
@media(max-width:640px){
 .sky-instrument .scene-wrap{height:max(100svh,940px);--dock-height:320px}
 .floating-masthead{padding:13px 15px;font-size:9px}.floating-masthead span{display:none}
 .scene-title{top:44px;left:15px}.scene-title h1{font-size:32px}.scene-title>p:first-child{font-size:8px;margin-bottom:6px}.scene-premise{display:none}
 .floating-policy{left:15px;right:15px;top:140px}.floating-policy .policy-switch{width:100%}.floating-policy button{flex:1;font-size:10px;padding:6px 5px}.floating-policy button span{font-size:8px}.floating-policy .core-lock{font-size:9px;margin-top:5px}
 .floating-location{top:235px;right:15px;width:190px;padding:8px 10px}.floating-location select{font-size:10px}.latitude-mini{font-size:9px}
 .floating-clock{left:15px}.floating-clock strong{font-size:42px}.floating-clock>span:first-child{font-size:10px}
 .floating-compass{right:15px;transform-origin:bottom right;transform:scale(.85)}
 .floating-weather{left:15px;font-size:9px}.floating-weather label{display:none}
 .scene-caption{left:15px;right:15px}.scene-caption>span:last-child{display:none}
 .timeline-dock{left:10px;right:10px;bottom:12px;padding:9px 10px 7px;gap:8px}
 .timeline-dock .instrument-note{font-size:9px;line-height:1.5}
 .timeline-dock .instrument-heading{gap:6px}.timeline-dock .instrument-heading h2{font-size:15px}
 .timeline-dock .instrument-heading>span{font-size:9px}.timeline-dock .instrument-heading #play{font-size:9px}
 .timeline-dock .this-year .annual-wrap{height:148px}
 .timeline-dock .this-year{padding-top:8px}.timeline-dock .year-caption{font-size:8px}
}

/* One visible clock, one latitude readout; dates live beside their controls. */
.timeline-dock .instrument-heading input[type=date]{display:block;font-size:11px;padding:4px 6px;margin-left:auto}
.timeline-dock #play{margin-left:auto}
.sun-cue{width:34px;height:23px;flex-shrink:0;overflow:visible;stroke:currentColor;fill:none;stroke-width:1.1;stroke-linecap:round}
.sun-cue circle{fill:#f4dca3;stroke:none}
.sun-track{opacity:.35;stroke-dasharray:1 3}
.sun-cue g{transition:transform .48s ease}
.sun-fixed{opacity:0;transition:opacity .2s}
[data-fixed=true] .sun-fixed{opacity:1}
[data-fixed=true] .sun-track{opacity:0}
.floating-policy .core-lock{gap:6px}
#annual:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.sun-cue g,.sun-fixed{transition:none}}

/* The argument reads as an article after the full-width instrument. */
.article-copy{max-width:740px}
.article-copy>p{font:16px/1.85 Copernicus,Georgia,serif;margin:0 0 18px;letter-spacing:-.02em}
.article-copy>h3{font:400 23px/1.4 Copernicus,Georgia,serif;letter-spacing:-.025em;margin:33px 0 12px}
.article-copy>p.article-note{font:12px/1.65 Inter,Arial,sans-serif;color:var(--muted);letter-spacing:0}
.article-copy a{font:11px/1.6 Inter,Arial,sans-serif;letter-spacing:0;white-space:normal}
.article-copy .eyebrow{font:650 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.15em;margin-bottom:20px}
.clock-calendar{margin:22px 0 23px}
.calendar-boundaries{position:relative;height:23px;font:11px/1.5 Inter,Arial,sans-serif;color:var(--muted)}
.calendar-boundaries span{position:absolute;top:0}
.calendar-boundaries span:nth-child(1){left:0}.calendar-boundaries span:nth-child(2){left:18.08%;transform:translateX(-50%)}.calendar-boundaries span:nth-child(3){left:83.29%;transform:translateX(-50%)}.calendar-boundaries span:nth-child(4){right:0}
.calendar-track{display:grid;grid-template-columns:66fr 238fr 61fr;gap:2px;font:12px/1.4 Inter,Arial,sans-serif;text-align:center}
.calendar-track span{padding:11px 3px}.calendar-standard{background:var(--green);color:var(--paper)}.calendar-daylight{background:var(--sun);color:var(--ink)}
.clock-calendar figcaption{font:11px/1.6 Inter,Arial,sans-serif;color:var(--muted);margin-top:9px;max-width:600px}
.winter-example{width:100%;border-collapse:collapse;margin:22px 0 12px;font:13px/1.5 Inter,Arial,sans-serif;text-align:left}
.winter-example caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:10px}
.winter-example th,.winter-example td{padding:9px 12px 9px 0;vertical-align:top}
.winter-example thead{border-bottom:1px solid var(--line)}.winter-example tbody tr:last-child{border-bottom:1px solid var(--line)}
.winter-example th{font-weight:500}.winter-example thead th{font-size:12px;font-weight:600}
.explanation .policy-status{max-width:740px;margin-top:30px}
.source-columns{grid-template-columns:1.1fr 1fr}.source-columns>div:last-child{grid-column:auto}
@media(max-width:640px){.article-copy>p{font-size:15px;line-height:1.8}.article-copy>h3{font-size:21px}.winter-example{font-size:11px}.winter-example th,.winter-example td{padding-right:7px}.winter-example thead th{font-size:11px}.calendar-track{font-size:11px}.source-columns{grid-template-columns:1fr}}

/* The timeline controls share the landscape's translucent glass. */
.timeline-dock{--ink:#f9f1df;--muted:#f7eedccc;--line:#e4eddb25;color:var(--ink)}
.timeline-dock .instrument-heading h2{font-size:15px}
.timeline-dock .this-year{border-top:0}
.timeline-dock .instrument-heading input[type=date]{color:var(--ink);border-color:var(--line);color-scheme:dark}
.timeline-dock .annual-wrap,.timeline-dock .day-bar-wrap,.timeline-dock .this-day,.timeline-dock .this-year{background:transparent}
.floating-play{position:absolute;z-index:4;left:50%;bottom:calc(var(--dock-height) + 158px);transform:translateX(-50%);width:48px;height:48px;border-radius:50%;padding:12px;display:grid;place-items:center;cursor:pointer;color:#fff1d1}
.floating-play svg{width:24px;height:24px;fill:currentColor;pointer-events:none}
.floating-play:hover{background:#162e3380}
.floating-play .pause-symbol{display:none}
.floating-play[aria-pressed=true] .play-symbol{display:none}
.floating-play[aria-pressed=true] .pause-symbol{display:block}
#annual:focus-visible{outline-color:#fff1d1}

/* Approved site treatment: the display title and clock retain Copernicus. */
:root{--paper:#f6f5f1;--ink:#222;--muted:#5e625f;--line:#dcded8}
body{font-size:17px;line-height:1.65;letter-spacing:-.025em}
main{max-width:960px;padding-inline:28px}
.floating-masthead{font-size:12px;align-items:center}
.floating-masthead>a:last-child{text-decoration:underline;text-underline-offset:3px}
.floating-masthead>span{display:none}
.jb-home{display:block;line-height:0}.jb-home img{display:block}
.scene-title>p:first-child{font-size:12px;letter-spacing:-.015em;text-transform:none}
.glass,.timeline-dock{border-radius:2px;box-shadow:none}
.floating-policy .policy-switch{gap:8px;flex-wrap:wrap}
.floating-policy .policy-switch button{border-radius:999px;flex:0 1 auto;padding:6px 13px;font-size:12px;letter-spacing:-.015em}
.floating-policy .core-lock{font-size:11px}
.floating-location select{font-size:12px}.latitude-mini{font-size:11px}
.timeline-dock .instrument-heading h2{font:600 15px/1.25 Inter,Arial,sans-serif;letter-spacing:-.025em}
.timeline-dock .instrument-heading input[type=date]{font-size:12px;padding:5px 8px}
h2,footer h2,.policy-status summary{font-family:Inter,Arial,sans-serif;font-weight:600}
.article-copy>p{font:17px/1.75 Inter,Arial,sans-serif;letter-spacing:-.025em}
.article-copy>h3{font:600 21px/1.35 Inter,Arial,sans-serif;letter-spacing:-.025em;margin-top:33px}
.article-copy>p.article-note{font:13px/1.65 Inter,Arial,sans-serif;color:var(--muted);letter-spacing:-.015em}
.article-copy a{font-size:12px}
.story-copy,.sky-instrument .story-copy,.compare-insight,.endnote{font-family:Inter,Arial,sans-serif}
.explanation h2{font-size:31px;line-height:1.25}
.section-dek,.policy-status p{font-size:15px}
.source-columns p{font-size:13px}
.explanation{border-top:0}.comparison-disclosure{border-top:0}
.floating-play{border-radius:50%}
@media(max-width:640px){
 main{padding-inline:20px}
 .floating-policy .policy-switch{gap:4px}
 .floating-policy .policy-switch button{font-size:11px;padding:5px 10px;flex:0 1 auto}
 .floating-policy .core-lock{font-size:10px}
 .floating-location{top:calc(140px + var(--policy-height,110px) + 14px)}
 .article-copy>p{font-size:16px}.article-copy>h3{font-size:20px}
 .timeline-dock .instrument-heading input[type=date]{font-size:11px}
}

/* Latitude is a north/south gesture next to a quiet geographic grid. */
.latitude-globe{height:100px;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:3px}
.latitude-globe>svg{width:88px;height:88px;fill:none;stroke:#f7eedc35;stroke-width:.8}
#latitude-ring{stroke:#fff1d1;stroke-width:1.5;fill:#fff1d10d}
#latitude-dot{fill:#fff1d1;stroke:none}
.latitude-track{height:100px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:9px;color:#f7eedcbf}
.floating-location #latitude{height:78px!important;width:20px;margin:0;writing-mode:vertical-lr;direction:rtl;cursor:ns-resize}
.floating-policy .policy-switch{align-items:center;gap:4px}
.floating-policy .policy-switch button{min-height:44px;transition:background .2s,color .2s;border:1px solid transparent}
.floating-policy .policy-switch button[aria-pressed=true]{background:#fcf0d6b8;color:#263c37;border-color:#fcf0d64d;font-weight:600}
.floating-policy .policy-switch button span{font-size:10px;font-weight:400}
/* Weather is a small discovery beside the compass, not a main control panel. */
.floating-weather.weather-egg{left:auto;right:30px;bottom:calc(var(--dock-height) + 12px);padding:0;display:block;z-index:6;background:none;border:0}
.weather-egg>summary{list-style:none;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;color:#fff1d1a6;border-radius:50%}
.weather-egg>summary::-webkit-details-marker{display:none}
.weather-egg>summary:hover,.weather-egg[open]>summary{color:#fff1d1;background:#162e3345}
.weather-egg summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.weather-egg .weather-menu{position:absolute;bottom:36px;right:0;width:190px;padding:12px;display:flex;flex-direction:column;gap:7px}
.weather-menu>label{display:block;font-size:10px}.weather-menu select{font-size:12px;width:100%;padding:3px}
.weather-egg summary:focus-visible{outline:2px solid #fff1d1;outline-offset:2px}
.scene-caption>span:last-child{padding-right:36px}
@media(max-width:640px){.floating-policy .policy-switch button{min-height:40px}.floating-weather.weather-egg{right:15px}.latitude-globe{height:94px}.latitude-globe>svg{width:82px;height:82px}}

/* Floating instruments: the landscape supplies their shared background. */
.floating-policy,.floating-location,.floating-compass,.timeline-dock{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.floating-policy{padding:0;max-width:480px}
.floating-policy .policy-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:stretch}
.floating-policy .policy-switch button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:8px 13px;border-radius:999px;text-align:center;line-height:1.35;white-space:nowrap}
.floating-policy .policy-switch button .policy-name{font-size:12px;opacity:1;font-weight:inherit}
.floating-policy .policy-switch button span:not(.policy-name){font-size:10px;opacity:.75}
.floating-location{top:calc(66px + var(--policy-height,54px) + 18px);padding:0;width:233px}
.floating-location select.glass{padding:10px 12px;color:#f9f1df;background:#162e3345;border:1px solid #e4eddb25;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:2px}
.navigation-tools{position:absolute;right:30px;bottom:calc(var(--dock-height) + 90px);z-index:4;display:flex;align-items:flex-end;gap:18px;color:#f8ebcd}
.navigation-tools .floating-compass{position:static;width:106px;padding:0;transform:none}
.latitude-control{width:106px;text-align:center}
.latitude-control>output{display:block;font-size:9px;line-height:1.55;color:#f7eedcbf;font-variant-numeric:tabular-nums}
.latitude-globe{position:relative;display:block;height:106px;margin:0;touch-action:none;cursor:ns-resize}
.latitude-globe>svg{position:absolute;top:9px;left:9px;width:88px;height:88px;pointer-events:none}
.latitude-globe>span{position:absolute;left:41px;width:23px;height:23px;border:0;border-radius:50%;padding:0;background:none;color:inherit;font-size:10px;line-height:23px;z-index:1}
.latitude-globe>span:first-child{top:0}.latitude-globe>span:last-child{bottom:0}
.latitude-globe>span{pointer-events:none}
.latitude-globe:focus-visible{outline:2px solid #fff1d1;outline-offset:2px;border-radius:50%}
.floating-date{position:absolute;right:30px;bottom:calc(var(--dock-height) + 40px);z-index:5;color:#f9f1df}
.floating-date input{font-size:12px;padding:7px 9px;color-scheme:dark;border-color:#e4eddb45;background:transparent}
.timeline-dock{display:flex;flex-direction:column;gap:5px;left:30px;right:30px;bottom:20px;padding:0}
.timeline-dock .instrument-heading{display:none}
.timeline-dock .this-day{display:block;padding:0}
.timeline-dock .day-bar-wrap,.timeline-dock #day-bar{height:73px;margin:0}
.timeline-dock .this-year{padding:0;border:0}
.timeline-dock .this-year .annual-wrap{height:clamp(220px,23svh,285px);margin:0}
.scene-caption{bottom:calc(var(--dock-height) + 21px)}
.floating-clock{bottom:calc(var(--dock-height) + 42px)}
.floating-weather.weather-egg{bottom:calc(var(--dock-height) + 7px)}
@media(min-width:1600px){.navigation-tools,.floating-date{right:45px}.timeline-dock{left:45px;right:45px}}
@media(max-width:800px){
 .floating-policy{right:20px;top:60px;max-width:440px}
 .floating-policy .policy-switch button{padding:8px 10px}
 .floating-policy .policy-switch button .policy-name{font-size:11px}
 .floating-policy .policy-switch button span:not(.policy-name){font-size:9px}
 .floating-location{top:calc(60px + var(--policy-height,54px) + 16px);right:20px;width:213px}
 .navigation-tools,.floating-date{right:20px}
 .timeline-dock{left:20px;right:20px}
}
@media(max-width:640px){
 .sky-instrument .scene-wrap{height:max(100svh,940px)}
 .floating-policy{top:140px;left:15px;right:15px;max-width:none}
 .floating-policy .policy-switch button{padding:7px 5px;min-height:66px;white-space:normal}
 .floating-policy .policy-switch button .policy-name{display:flex;align-items:center;justify-content:center;min-height:28px;line-height:1.25;font-size:11px}
 .floating-policy .policy-switch button span:not(.policy-name){font-size:8px;white-space:nowrap}
 .floating-location{top:calc(140px + var(--policy-height,66px) + 12px);right:15px;width:190px}
 .floating-location select.glass{font-size:11px;padding:8px 10px}
 .navigation-tools{right:15px;bottom:calc(var(--dock-height) + 165px);gap:10px}
 .latitude-globe>svg{width:88px;height:88px}
 .floating-date{right:15px;bottom:calc(var(--dock-height) + 115px)}
 .floating-date input{font-size:11px;padding:6px 8px}
 .floating-clock{bottom:calc(var(--dock-height) + 33px)}
 .floating-clock strong{font-size:40px}
 .floating-play{bottom:calc(var(--dock-height) + 180px);left:25%}
 .timeline-dock{left:15px;right:15px;bottom:12px;gap:3px}
 .timeline-dock .this-year .annual-wrap{height:220px}
 .scene-caption{bottom:calc(var(--dock-height) + 17px)}
}

/* The date belongs to the clock; transport sits beside the displayed hour. */
.floating-clock{--clock-size:clamp(36px,5vw,67px)}
.clock-date{position:relative;align-self:flex-start;pointer-events:auto}
#scene-date{padding:2px 0;border:0;border-radius:0;font:inherit;font-size:11px;color:inherit;line-height:1.5;background:none;text-shadow:inherit}
#scene-date:hover{text-decoration:underline;text-underline-offset:4px}
.clock-date-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}
.clock-time{display:flex;align-items:center;gap:18px}
.floating-clock strong{font-size:var(--clock-size)}
.floating-clock .floating-play{position:static;transform:none;pointer-events:auto;min-width:44px;min-height:44px;width:calc(var(--clock-size)*.68 + 12px);height:calc(var(--clock-size)*.68 + 12px);padding:6px;background:none;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:inherit}
.floating-clock .floating-play svg{width:calc(var(--clock-size)*.68);height:calc(var(--clock-size)*.68)}
.floating-clock .floating-play:hover{background:none;opacity:.75}
.navigation-tools{bottom:calc(var(--dock-height) + 40px)}
.location-reset{right:30px;bottom:calc(var(--dock-height) + 186px);top:auto;left:auto;transform:none;z-index:4;cursor:pointer}
.location-reset:after{display:none}
.location-reset>strong{font-size:11px}
@media(min-width:1600px){.location-reset{right:45px}}
@media(max-width:800px){.floating-clock{--clock-size:45px}.location-reset{right:20px}}
@media(max-width:640px){
 .floating-clock{--clock-size:40px}
 .clock-time{gap:9px}
 #scene-date{font-size:10px}
 .navigation-tools{bottom:calc(var(--dock-height) + 115px)}
 .location-reset{right:15px;bottom:calc(var(--dock-height) + 263px)}
 .location-reset>strong{font-size:10px}
}

/* Clock rules share the home mark's upper row and the solar cards' glass. */
.floating-policy{top:18px;right:30px;padding:4px;background:#18323935;border:1px solid #f7eedc50;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:999px}
.floating-policy .policy-switch button[aria-pressed=true]{background:#fcf0d69c;border-color:#fcf0d640}
@media(min-width:1600px){.floating-policy{right:45px}}
@media(max-width:800px){.floating-policy{top:18px;right:20px}}
@media(max-width:640px){
 .floating-policy{top:9px;left:62px;right:15px;padding:3px}
 .floating-policy .policy-switch{gap:1px}
 .floating-policy .policy-switch button{padding:5px 3px}
 .floating-policy .policy-switch button span:not(.policy-name){font-size:7px;white-space:normal}
 .scene-title{top:98px}
}

/* Only the home mark captures input in the transparent masthead. */
.floating-masthead{pointer-events:none}.floating-masthead .jb-home{pointer-events:auto}
.floating-policy{z-index:10}.floating-policy button:hover{background:#fcf0d622}
.floating-policy button[aria-pressed=true]:hover{background:#fcf0d6af}
.floating-policy button>span{pointer-events:none}
.location-reset[hidden]{display:none}
.floating-weather.weather-egg{left:30px;right:auto;top:268px;bottom:auto;width:44px;height:44px;z-index:5}
.weather-egg>svg{position:absolute;left:7px;top:7px;width:27px;height:27px;fill:none;stroke:#fff1d1bb;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.weather-egg>select{position:absolute;inset:0;width:44px;height:44px;margin:0;padding:0;border:0;opacity:0;color-scheme:dark;cursor:pointer;appearance:auto}
.weather-egg:hover>svg,.weather-egg:focus-within>svg{stroke:#fff1d1}

@media(min-width:1600px){.floating-weather.weather-egg{left:45px}}
@media(max-width:800px){.floating-weather.weather-egg{left:20px;top:224px}}
@media(max-width:640px){.scene-premise{display:block;font-size:10px}.floating-weather.weather-egg{left:15px;top:266px}}

/* A single generous inset ties the logo, headline, clock and plots together. */
.scene-wrap{--scene-inset:clamp(24px,3vw,64px);--top-inset:32px}
.floating-masthead{max-width:none;padding:32px clamp(24px,3vw,64px);top:0;left:0;right:0}
.scene-title,.floating-clock{left:var(--scene-inset)}
.scene-title{top:110px}
.floating-policy{top:var(--top-inset);right:var(--scene-inset)}
.timeline-dock,.scene-caption{left:var(--scene-inset);right:var(--scene-inset)}
.navigation-tools,.location-reset{right:var(--scene-inset)}
.scene-title .floating-weather.weather-egg{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-top:8px;pointer-events:auto}
@media(max-width:640px){
 .scene-wrap{--scene-inset:20px;--top-inset:20px}
 .floating-masthead{padding:20px}
 .floating-policy{left:66px;right:20px;top:20px}
 .scene-title{top:122px}
 .floating-clock{--clock-size:40px}
}

#scene-date{cursor:pointer;border-bottom:1px solid #fff1d15c;padding:3px 5px;margin-left:-5px;border-radius:3px;font-size:12px}
#scene-date>span{opacity:.65;margin-left:4px}
#scene-date:hover,#scene-date[aria-expanded=true]{background:#18323955;text-decoration:none;border-bottom-color:#fff1d1}
.floating-clock{z-index:7}
.date-calendar{position:absolute;left:0;bottom:calc(100% + 8px);width:260px;padding:12px;background:#183239ba;border:1px solid #f7eedc50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:6px;color:#fcf0d6;text-shadow:none;box-shadow:none}
.date-calendar[hidden]{display:none}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.floating-clock .calendar-heading strong{font:500 12px Inter,Arial,sans-serif;letter-spacing:0}
.date-calendar button{border:0;color:inherit;padding:0;border-radius:50%;background:none;min-width:30px;min-height:30px}
.date-calendar button:hover{background:#fcf0d626}.date-calendar button:disabled{opacity:.2;cursor:default}
.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:11px}
.date-grid>span{font-size:9px;line-height:26px;opacity:.6}
.date-grid button[aria-pressed=true]{color:#263c37;background:#fcf0d6b8}
.date-calendar .calendar-today{width:100%;border-radius:4px;font-size:11px;margin-top:6px}

/* Make date selection and returning to the present easy to discover. */
.clock-date{display:flex;align-items:center;gap:14px}
#scene-date{font-size:clamp(18px,1.65vw,24px);font-weight:500;line-height:1.5;padding:4px 5px;min-height:44px}
#jump-now{pointer-events:auto;border:1px solid #f7eedc50;border-radius:999px;background:#18323935;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:inherit;padding:5px 11px;min-height:36px;font-size:12px;line-height:1.4}
#jump-now:hover{background:#18323970;border-color:#fff1d1}
#jump-now>span{margin-left:3px}
@media(max-width:640px){.clock-date{gap:10px}#scene-date{font-size:18px}#jump-now{font-size:11px;padding:5px 9px}}

/* A direct, page-native weather menu with ordinary keyboard menu behavior. */
.weather-egg{isolation:isolate}
#weather[hidden]{display:none}
#weather-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:7px;border:0;border-radius:50%;background:transparent;color:#fff1d1c9;pointer-events:auto}
#weather-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#weather-toggle:hover,#weather-toggle[aria-expanded=true],#weather-toggle:focus-visible{background:#18323935;color:#fff1d1}
#weather-toggle:focus-visible{outline:none}
#weather-menu{position:absolute;left:0;top:48px;width:208px;padding:6px;background:#183239b8;border:1px solid #f7eedc50;border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fcf0d6;font:12px/1.45 Inter,Arial,sans-serif;text-shadow:none;z-index:20;pointer-events:auto}
#weather-menu[hidden]{display:none}
#weather-menu>button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:7px;text-align:left;color:inherit;background:transparent;font:inherit}
#weather-menu>button>span{display:grid;place-items:center;width:20px;font-size:18px;opacity:.85}
#weather-menu>button:hover,#weather-menu>button:focus-visible{background:#fcf0d61f;outline:none}
#weather-menu>button[aria-checked=true]{background:#fcf0d633}
#weather-menu>button[aria-checked=true]:after{content:'✓';margin-left:auto;color:#fcf0d6}
.scene-title:has(#weather-menu:not([hidden])){z-index:20}
/* Everything is swept away; one escape hatch remains above the water. */
body.flood-mode{overflow:hidden;background:#061e2b}
.flood-mode .floating-masthead,.flood-mode main>:not(.sky-instrument),.flood-mode .sky-instrument>:not(.scene-wrap),.flood-mode .scene-wrap>:not(#scene):not(#surface){visibility:hidden;pointer-events:none}
.flood-mode #scene{position:fixed;inset:0;width:100vw;height:100dvh;z-index:90;touch-action:none;cursor:default}
#surface{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:100;padding:10px 16px;background:#18323970;border:1px solid #f7eedc50;border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fcf0d6;font:12px/1.5 Inter,Arial,sans-serif;min-height:44px}
#surface:hover{background:#fcf0d626}
#surface[hidden]{display:none}