:root{color-scheme:dark;--night:#06100b;--deep:#030806;--surface:#0d1a12;--green:#4dd28b;--lime:#b5d98c;--paper:#f4f2e9;--ink:#233c32;--muted:#526b60;--line:#cbd2c6;--a:#397a8b;--b:#a67740}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px;background:var(--deep)}body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;background:var(--night);color:#f1f1e8;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid #79be86;outline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(45px,5.5vw,78px);line-height:1.05;margin-bottom:24px}h2{font-size:clamp(34px,3.8vw,49px);line-height:1.12;margin-bottom:0}h3{font-size:19px;line-height:1.4;font-weight:500}em{font-style:normal;color:var(--green)}.shell{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;left:20px;top:-80px;z-index:99;background:var(--green);color:#051009;padding:12px}.skip:focus{top:12px}.site-header{height:79px;border-bottom:1px solid #294231;background:#06100bf5;position:relative;z-index:5}.nav-shell{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:flex;align-items:center;gap:11px;font:22px Georgia,serif;white-space:nowrap}.brand-symbol{width:28px;height:28px;display:grid;place-items:center;border:1px solid #56966a;color:#85d196;border-radius:50%;font:17px Georgia,serif}.nav-shell nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#afbbb0}.nav-shell a:hover{color:#d0e5bd}.nav-film{border:1px solid #385c42;padding:8px 12px;color:#a4db9f}.nav-film span{margin-left:12px}.overline{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.9px;color:#86c391;margin-bottom:19px}.hero{position:relative;overflow:hidden;border-bottom:1px solid #35513b}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:0 30px;align-items:center;min-height:720px;padding-top:35px}.hero-copy{position:relative;z-index:2;padding:36px 0 50px}.hero-copy .overline{font-size:9px}.hero-description{font-size:17px;line-height:1.85;color:#bcc7ba;max-width:450px;margin-bottom:0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:22px;padding:13px 17px;border:1px solid #395740;border-radius:4px;font-size:12px;font-weight:600;min-height:46px}.button.primary{background:#93d29b;color:#0a2011;border-color:#93d29b}.button.primary:hover{background:#bcdfaa}.button.secondary{background:#122017;color:#dae4d3}.hero-disclosure{font-size:10px;line-height:1.9;color:#94a58f;max-width:400px;margin:23px 0 0}.hero-art{min-width:0;position:relative;align-self:stretch;display:flex;align-items:center;min-height:600px}.hero-art>svg{display:block;width:calc(100% + 75px);margin-left:-35px;max-width:none;overflow:visible}.art-topline{position:absolute;top:28px;left:0;right:-10px;display:flex;justify-content:space-between;gap:12px;font:7px ui-monospace,monospace;letter-spacing:1px;color:#829a82}.hero-art svg text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hydrogen-clock{position:absolute;left:0;bottom:35px;display:flex;align-items:center;justify-content:space-between;min-width:290px;gap:22px;background:#0c1a12e8;border:1px solid #37533d;border-radius:5px;padding:16px 18px}.clock-overline{display:block;font:8px ui-monospace,monospace;letter-spacing:1.4px;color:#96c09a}.hydrogen-clock strong{display:block;font:21px/1.4 ui-monospace,monospace;letter-spacing:1px;color:#e0ead4;margin:5px 0}.hydrogen-clock small{font:8px ui-monospace,monospace;color:#93a98f;display:block}.hydrogen-clock>svg{width:66px;height:66px;flex-shrink:0}.hero-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:21px 0;border-top:1px solid #2f4834;color:#a9bca3;font-size:10px}.hero-rail span{display:flex;gap:13px;align-items:center}.hero-rail i{font:9px ui-monospace,monospace;color:#79ac7a;font-style:normal}.disk-flow{animation:disk-drift 5s linear infinite}.jet-particle{animation:jet-flow 4s linear infinite}.jet-particle.two{animation-delay:-2s}@keyframes disk-drift{to{stroke-dashoffset:315}}@keyframes jet-flow{0%{transform:translateY(55px);opacity:0}20%{opacity:.8}80%{opacity:.6}100%{transform:translateY(-90px);opacity:0}}.paper-section{color-scheme:light;background:var(--paper);color:var(--ink)}.paper-section,.research-section,.film-section,.source-section{padding:77px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:36px}.section-heading>p{font-size:14px;line-height:1.9;color:#b0bfae;max-width:485px;margin-bottom:2px}.paper-section .section-heading>p{color:#506b5d}.paper-section .overline{color:#53765b}.rewind-workspace{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;align-items:stretch}.rewind-controller{border:1px solid #c3cec1;background:#fafaf3;border-radius:6px;padding:24px}.control-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.control-top>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#5e7968}.unit-label{display:flex;align-items:center;gap:8px;font-size:9px;color:#54705f;white-space:nowrap}select{border:1px solid #b5c2b3;border-radius:3px;background:#f9faf3;color:#365b43;padding:7px 9px;font-size:10px;max-width:100%}.range-label{display:block;font-size:12px;margin-bottom:18px;color:#3d634a}input[type=range]{accent-color:#527d52;width:100%;cursor:pointer;min-height:20px}input[type=checkbox]{accent-color:#7db87b;width:15px;height:15px}.range-endpoints{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#627965;margin-top:6px}.rewind-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:26px}button{border:1px solid #a6bba5;background:#e5eddd;color:#2b5437;border-radius:3px;padding:9px 12px;font-size:11px;line-height:1.5}.rewind-buttons button:first-child{background:#345d3e;color:#edf3e5;border-color:#345d3e}.rewind-buttons button span{padding-left:9px}button.quiet{background:transparent}.rewind-buttons output{font:8px ui-monospace,monospace;color:#526e58;margin-left:auto;max-width:125px;text-align:right}.caption{font-size:10px;line-height:1.85;color:#6a7c68;margin:18px 0 0}.paper-section .caption{color:#566f5d}.rewind-readouts{margin:0;padding:0;border-top:1px solid #bbc9b6;display:grid;align-content:space-between}.rewind-readouts>div{padding:15px 0;border-bottom:1px solid #c6d0bd}.rewind-readouts dt{font-size:10px;color:#58715e;margin-bottom:8px}.rewind-readouts dd{font:19px/1.45 ui-monospace,monospace;color:#2f593d;margin:0;overflow-wrap:anywhere}.rewind-readouts dd small{font-size:10px;color:#5d7464;display:block;margin-top:5px}.convention-note{margin-top:30px;padding:20px 24px;background:#e7ecde;border-left:2px solid #799874}.convention-note p{font-size:12px;line-height:1.85;margin:7px 0}.note-label{font:8px ui-monospace,monospace;letter-spacing:1.4px;color:#5b7b5c}.small{font-size:10px!important;line-height:1.9;color:#899e83}.paper-section .small{color:#59725f}.math-line{overflow-x:auto;padding:12px 4px;margin:18px 0}.math-line math{font:23px 'STIX Two Math','Cambria Math','Latin Modern Math',serif;color:#3d624a;margin:8px auto}.technical{border-top:1px solid #34503b;padding-top:17px;margin-top:25px}.technical summary{font-size:12px;cursor:pointer;color:#c5d8bc}.technical p{font-size:12px;line-height:1.9;color:#9fb49a;max-width:1000px;margin-top:16px}.paper-section .technical{border-color:#c3cfbc}.paper-section .technical summary{color:#395e43}.paper-section .technical p{color:#4c6c56}pre{font:10px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#0c1b12;border:1px solid #34503b;padding:18px;color:#a7c69c;border-radius:3px}.paper-section pre{background:#fafbf3;border-color:#c4d1ba;color:#4e7056}.film-section{background:#0c1911;border-bottom:1px solid #294731}.film-frame{margin:0;border:1px solid #39553e;border-radius:5px;overflow:hidden;background:#030806}.film-frame video{width:100%;display:block;aspect-ratio:16/9;background:#030806}.film-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px ui-monospace,monospace;padding:18px 22px;color:#9eb596}.film-frame a{color:#bed3ac}.film-frame a span{margin-left:12px}.observers-section{border-bottom:1px solid #c5d0bd}.observer-stage{background:#0b1717;border:1px solid #314746;border-radius:7px;overflow:hidden;color:#dce9dc}.stage-overline{font:8px ui-monospace,monospace;letter-spacing:1px;color:#a0b8ac;display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #2c4240}.observer-stage>svg{display:block;width:100%;height:auto;background:#0b1717}.scene-controls{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid #304644;flex-wrap:wrap}.scene-controls button{background:#203c32;color:#dce8d1;border-color:#456154;font-size:10px}.scene-controls label{display:flex;align-items:center;gap:12px;font-size:9px;color:#a0baab;flex:1;min-width:230px}.scene-controls label input{accent-color:#7ca584;min-width:100px;flex:1}.scene-controls>span{font:9px ui-monospace,monospace;color:#b2c7b4}.observer-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.observer-cards article{padding:22px;border:1px solid #bdcbbb;border-radius:5px;background:#fafaf2}.observer-label{font:9px ui-monospace,monospace;letter-spacing:1.7px}.observer-label.a{color:#367083}.observer-label.b{color:#906129}.observer-cards dl{margin:20px 0 0}.observer-cards dl>div+div{margin-top:17px;border-top:1px solid #d0d7c6;padding-top:15px}.observer-cards dt{font-size:10px;color:#5d7465;margin-bottom:7px}.observer-cards dd{font:17px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;margin:0;color:#365c49}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:42px;padding-top:27px;border-top:1px solid #c7d1bf}.three-steps>div>span{font:9px ui-monospace,monospace;color:#74936e}.three-steps h3{font:23px Georgia,serif;margin:13px 0 10px;color:#315b3f}.three-steps p{font-size:12px;line-height:1.9;color:#55705b;margin-bottom:0}.research-section{background:#07110c}.research-tabs{display:flex;gap:8px;border-bottom:1px solid #36513c;margin-bottom:0;padding-bottom:14px;flex-wrap:wrap}.research-tabs button{color:#b7cbb0;background:transparent;border-color:#35503a;font-size:10px;padding:10px 15px}.research-tabs button[aria-selected=true]{background:#a7c99b;border-color:#a7c99b;color:#102715}.research-panel{padding:24px 0;min-height:390px}.research-panel[hidden]{display:none}.research-controls{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.research-controls label{display:flex;align-items:center;gap:10px;font-size:10px;color:#adc5a5}.research-controls select{background:#14271a;color:#c5dcba;border-color:#415d45;font-size:10px;max-width:330px}.research-chart{overflow-x:auto;max-width:100%;border:1px solid #304b36;border-radius:5px}.research-chart svg{display:block;width:100%;height:auto;background:#0b1910}.research-chart svg text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.research-panel>.caption{color:#9eb594}.inference-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}.inference-grid aside{background:#14251a;border:1px solid #35513b;border-radius:5px;padding:20px}.inference-grid aside>span{font:8px ui-monospace,monospace;letter-spacing:.7px;color:#a3c298}.inference-grid aside>strong{font:22px ui-monospace,monospace;display:block;margin:17px 0;color:#c8deb9}.inference-grid aside p{font-size:11px;line-height:1.9;color:#afc3a5}.validation-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #39513d;padding-top:25px;margin-top:15px}.validation-strip strong{display:block;font:22px/1.3 Georgia,serif;color:#c8dabb;overflow-wrap:anywhere}.validation-strip>div:last-child strong{font:12px/1.8 ui-monospace,monospace}.validation-strip span{display:block;margin-top:8px;font-size:9px;color:#94b28b}.validation-context{max-width:850px;margin-top:22px}.text-link{display:inline-flex;gap:25px;font-size:12px;color:#b6d3a6;border-bottom:1px solid #587a4c;padding-bottom:5px;margin-top:16px}.design-disclosure{font-size:10px;line-height:1.9;color:#9fb897;margin-top:15px}.archive-explainer{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;gap:25px;padding:28px 0;border-top:1px solid #becbb8;border-bottom:1px solid #becbb8;margin-bottom:25px}.record-number{font:8px ui-monospace,monospace;letter-spacing:1px;color:#67815f}.archive-explainer h3{font:23px Georgia,serif;margin:16px 0 10px}.archive-explainer p{font-size:12px;line-height:1.9;color:#4f6e54;margin-bottom:0}.archive-arrow{font-size:27px;text-align:center;color:#7e9b71}.archive-record{border-left:2px solid #9caf8e;padding:5px 0 5px 18px;font-size:11px;color:#516e55;margin:22px 0}.archive-record strong{display:block;font-size:12px;margin-bottom:5px;color:#2f583d}.archive-record code{font:9px ui-monospace,monospace;overflow-wrap:anywhere}.source-section{background:#0b1810;border-top:1px solid #2f4934}.source-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0 18px}.source-actions button,.source-actions a{border:1px solid #4a6949;background:#172b1b;color:#c3d9b4;border-radius:3px;padding:11px 14px;font-size:11px}.source-actions span{margin-left:16px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #37513b;padding-top:29px;margin-top:35px}.evidence-label{font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#a3c38e}.evidence-grid h3{font:24px/1.3 Georgia,serif;letter-spacing:-.3px;margin:13px 0 12px}.evidence-grid p{font-size:12px;line-height:1.9;color:#b0c3a6}.evidence-grid .small{color:#92ad87}.source-section .technical pre{max-height:500px;overflow-y:auto}footer{padding:43px 0 38px;background:#030806;border-top:1px solid #354d37}.footer-grid{display:flex;justify-content:space-between;gap:35px}.brand-footer{font:25px Georgia,serif;color:#c9d9bb;margin-bottom:15px}.footer-grid p:not(.brand-footer){font-size:11px;line-height:1.9;color:#97ad8f;margin-bottom:0}.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:11px;color:#aec5a1}.footer-grid>div:last-child>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#87a17c;margin-top:23px}.error-message{padding:15px;border-left:2px solid #bd9e57;background:#2c2816;color:#e0cf9d;font-size:12px}.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}@media(max-width:1000px){.shell{width:calc(100% - 60px)}.nav-shell nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr;gap:0 10px;min-height:650px}h1{font-size:55px}.hero-description{font-size:15px}.hero-art{min-height:560px}.hero-art>svg{width:calc(100% + 80px);margin-left:-35px}.art-topline{font-size:6px;top:35px}.hydrogen-clock{left:5px;bottom:29px;min-width:250px;padding:12px}.hydrogen-clock strong{font-size:17px}.hydrogen-clock>svg{width:51px;height:51px}.section-heading{gap:45px}.section-heading>p{font-size:13px}.rewind-workspace{grid-template-columns:1.5fr 1fr;gap:23px}.control-top{gap:15px;flex-wrap:wrap}.inference-grid{grid-template-columns:minmax(0,1fr) 220px}.hero-actions .button{font-size:10px;gap:15px;padding:12px}.hero-disclosure{font-size:9px}.observer-cards dd{font-size:14px}}@media(max-width:700px){.shell{width:calc(100% - 36px)}.site-header{height:auto;min-height:72px}.nav-shell{padding-top:17px;padding-bottom:16px;align-items:flex-start;flex-direction:column;gap:17px}.brand{font-size:21px}.nav-shell nav{font-size:10px;gap:19px;width:100%;justify-content:space-between}.nav-film{padding:5px 8px}.nav-film span{margin-left:6px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:0}.hero-copy{padding:41px 0 15px}.hero-copy h1{font-size:52px;max-width:480px}.hero-copy .overline{font-size:8px}.hero-description{font-size:15px;max-width:460px}.hero-actions{margin-top:24px}.hero-actions .button{font-size:11px;padding:12px}.hero-disclosure{max-width:450px;font-size:9px;margin-top:18px}.hero-art{min-height:420px;margin-top:-10px}.hero-art>svg{width:100%;max-height:455px;margin-left:0}.art-topline{top:8px;left:0;right:0;font-size:6px}.hydrogen-clock{bottom:9px;left:0;min-width:250px;max-width:300px;padding:10px 13px}.hydrogen-clock strong{font-size:18px}.clock-overline{font-size:7px}.hydrogen-clock small{font-size:7px}.hydrogen-clock>svg{width:52px;height:52px}.hero-rail{gap:15px;padding:18px 0;font-size:8px;margin-top:12px}.hero-rail span{gap:8px;align-items:flex-start}.hero-rail i{font-size:7px}.paper-section,.research-section,.film-section,.source-section{padding:49px 0}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:27px}.section-heading h2{font-size:37px}.section-heading>p{font-size:13px;max-width:540px}.overline{font-size:8px;letter-spacing:1.3px;margin-bottom:15px}.rewind-workspace{grid-template-columns:1fr;gap:23px}.rewind-controller{padding:18px}.control-top{margin-bottom:24px}.range-label{font-size:11px}.rewind-readouts{grid-template-columns:1fr 1fr;gap:0 20px}.rewind-readouts>div:first-child{grid-column:1/-1}.rewind-readouts dd{font-size:17px}.rewind-readouts>div{padding:14px 0}.rewind-readouts dt{font-size:9px}.rewind-buttons{gap:7px}.rewind-buttons button{font-size:10px;padding:8px 10px}.rewind-buttons output{font-size:7px;max-width:100px}.convention-note{padding:17px;margin-top:24px}.convention-note p{font-size:11px}.math-line math{font-size:19px}.technical summary{font-size:11px}.film-frame figcaption{padding:12px;font-size:7px;gap:10px}.stage-overline{font-size:6px;padding:14px;gap:12px}.scene-controls{padding:12px;gap:8px}.scene-controls label{flex-basis:100%;font-size:8px}.scene-controls>span{font-size:8px}.observer-cards{grid-template-columns:1fr;gap:13px;margin-top:16px}.observer-cards article{padding:18px}.observer-cards dd{font-size:15px}.three-steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.three-steps h3{font-size:22px;margin-top:9px}.three-steps p{font-size:11px}.research-tabs{gap:7px}.research-tabs button{font-size:9px;padding:9px 11px;flex:1;white-space:nowrap}.research-controls{gap:14px}.research-controls label{font-size:9px;gap:8px;flex-wrap:wrap}.research-controls select{font-size:9px;max-width:310px}.research-chart svg{min-width:640px}.inference-grid{grid-template-columns:1fr;gap:15px}.inference-grid aside{padding:16px}.inference-grid aside>strong{font-size:23px;margin:12px 0}.validation-strip{grid-template-columns:1fr 1fr;gap:23px}.validation-strip strong{font-size:22px}.validation-strip span{font-size:8px}.validation-context{font-size:9px!important}.archive-explainer{grid-template-columns:1fr;gap:22px;padding:23px 0}.archive-arrow{display:none}.archive-explainer h3{font-size:22px;margin:10px 0}.archive-explainer p{font-size:11px}.evidence-grid{grid-template-columns:1fr;gap:30px;margin-top:29px}.evidence-grid h3{font-size:23px}.source-actions{gap:9px}.source-actions button,.source-actions a{font-size:10px;padding:10px}.source-actions span{margin-left:7px}.footer-grid{flex-direction:column;gap:25px}.footer-grid>div:last-child{align-items:flex-start;gap:12px}.footer-grid>div:last-child>span{margin-top:10px}.small{font-size:9px!important}}@media(max-width:390px){.shell{width:calc(100% - 28px)}.hero-copy h1{font-size:46px}.nav-shell nav{gap:12px}.nav-film{font-size:9px}.hero-actions .button{font-size:10px;gap:12px}.hero-art{min-height:375px}.hydrogen-clock{min-width:230px;bottom:5px}.hero-rail{font-size:7px;gap:10px}.section-heading h2{font-size:34px}.research-tabs button{font-size:8px;padding:8px 9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
:root .observer-cards dd small{display:block;font:10px/1.8 ui-monospace,monospace;color:#597561;margin-top:5px}.embedded>.site-header,.embedded>footer{display:none}.embedded .hero-grid{padding-top:15px}.embedded{background:var(--night)}

/* Website integration: the complete rewind stays in one real browser viewport.
   Embedded sizing comes from the company page, not the auto-height iframe. */
.hero-grid { min-height: 0; padding-top: 16px; }
.rewind-stage {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: min(730px, calc(var(--sd-viewport-height, 100svh) - 16px));
  min-width: 0;
  gap: 12px;
  padding: 12px 0;
  scroll-margin-top: 12px;
}
.rewind-stage .hero-art {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 62px;
  min-height: 0;
  height: 100%;
  margin: 0;
}
.rewind-stage .hero-art > svg {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding-top: 16px;
  overflow: hidden;
}
.rewind-stage .art-topline { top: 0; left: 0; right: 0; font-size: 6px; }
.rewind-stage .hydrogen-clock {
  position: static;
  min-width: 0;
  width: 100%;
  max-width: none;
  padding: 7px 12px;
  gap: 8px;
}
.rewind-stage .hydrogen-clock strong { font-size: 18px; margin: 2px 0; }
.rewind-stage .hydrogen-clock > svg { width: 40px; height: 40px; }
.rewind-stage .rewind-workspace { grid-template-columns: 1fr; gap: 10px; }
.rewind-stage .rewind-controller { padding: 13px 16px; }
.rewind-stage .control-top { margin-bottom: 9px; gap: 10px; }
.rewind-stage .range-label { margin-bottom: 4px; font-size: 11px; }
.rewind-stage .range-endpoints { margin-top: 0; font-size: 8px; }
.rewind-stage .rewind-buttons { margin-top: 10px; gap: 7px; }
.rewind-stage .rewind-buttons button { min-height: 36px; padding: 7px 10px; }
.rewind-stage .rewind-buttons output { font-size: 7px; max-width: 100px; }
.rewind-stage .caption { margin-top: 8px; font-size: 9px; line-height: 1.5; }
.rewind-stage .rewind-readouts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  border-color: #35513b;
}
.rewind-stage .rewind-readouts > div,
.rewind-stage .rewind-readouts > div:first-child { grid-column: auto; padding: 7px 0; border-color: #35513b; }
.rewind-stage .rewind-readouts dt { color: #a5b89b; font-size: 8px; margin-bottom: 4px; }
.rewind-stage .rewind-readouts dd { color: #d2e4c4; font-size: 11px; line-height: 1.4; }
@media (max-width: 700px) {
  .hero-grid { padding-top: 0; }
  .rewind-stage { width: 100%; height: min(700px, calc(var(--sd-viewport-height, 100svh) - 16px)); padding: 8px 0; gap: 8px; }
  .rewind-stage .hero-art { grid-template-rows: minmax(0, 1fr) 58px; }
  .rewind-stage .rewind-controller { padding: 11px 12px; }
  .rewind-stage .control-top > span { display: none; }
  .rewind-stage .control-top { justify-content: flex-end; margin-bottom: 7px; }
  .rewind-stage .range-label { font-size: 10px; }
  .rewind-stage .rewind-buttons { gap: 6px; }
  .rewind-stage .rewind-buttons button { min-height: 38px; font-size: 10px; padding: 7px 9px; }
  .rewind-stage .rewind-buttons output { flex-basis: 100%; max-width: none; text-align: left; margin-left: 0; }
  .rewind-stage .rewind-readouts { gap: 8px; }
  .rewind-stage .rewind-readouts dd { font-size: 10px; }
  .rewind-stage .rewind-readouts dt { font-size: 7px; }
}
@media (max-height: 700px) and (min-width: 701px) {
  .hero-copy { padding-block: 24px; }
  .hero-copy h1 { font-size: 52px; }
  .hero-description { font-size: 15px; line-height: 1.7; }
}

/* Keep small explanatory labels readable against the original paper palette. */
.rewind-stage .caption { color: #4e6853; }
.paper-section .note-label,
.paper-section .convention-note .small,
.three-steps > div > span,
.record-number { color: #4b694e; }
html { scroll-padding-top: 0; }