:root{--bg:#1c1c1c;--panel:#282828;--deep:#171717;--header:#383838;--modeline:#343434;--line:#484848;--text:#d0d0d0;--muted:#aaa;--comment:#8faf8f;--keyword:#f0dfaf;--function:#8cd0d3;--link:#93e0e3;--white:#f7f7f7;--rail:244px;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:65px;background:var(--bg)}
body{margin:0;color:var(--text);background:var(--bg);font-family:"Courier New",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;line-height:1.7}
::selection{background:var(--link);color:var(--deep)}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--white)}
button,select{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--keyword);outline-offset:5px}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
button,select{min-height:42px;border:1px solid #737373;border-radius:0;background:transparent;color:var(--text)}
button{padding:6px 15px}
button:hover{background:var(--keyword);border-color:var(--keyword);color:var(--deep)}
button[aria-pressed="true"]{color:var(--keyword);border-color:var(--keyword)}
button[aria-pressed="true"]:hover{color:var(--deep)}
select{padding:5px 32px 5px 10px;background:var(--deep)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:10px 20px;background:var(--keyword);color:var(--deep)}
.skip-link:focus{top:12px}
.comment{color:var(--comment)}
.emacs-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 25px;background:var(--header);border-bottom:1px solid #696969;font-size:12px;letter-spacing:.02em}
.header-file{color:var(--function);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-file>span:first-child{color:var(--keyword)}
.header-file strong{font-weight:700}
.header-meta{color:#c0c0c0;white-space:nowrap}
.side-rail{position:fixed;top:40px;bottom:0;right:0;width:var(--rail);display:flex;flex-direction:column;gap:25px;padding:35px 22px;background:var(--deep);border-left:1px solid var(--line);overflow-y:auto}
.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--white);font-size:17px;font-weight:700;line-height:1.4}
.brand-mark{font-size:36px;line-height:1;color:var(--function)}
.brand-mark>span{color:var(--keyword)}
.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}
.rail-comment{font-size:12px;margin:7px 0 -15px}
.site-nav{display:flex;flex-direction:column}
.site-nav a{display:grid;grid-template-columns:28px 1fr;gap:0 6px;padding:17px 0;border-bottom:1px solid #353535;text-decoration:none}
.site-nav a>span{grid-row:span 2;font-size:11px;color:var(--comment);padding-top:3px}
.site-nav strong{font-size:13px;color:var(--text);font-weight:400}
.site-nav small{font-size:10px;color:var(--muted)}
.site-nav a:hover strong{color:var(--keyword)}
.rail-bottom{margin-top:auto;padding-top:35px;font-size:11px}
.rail-bottom p{margin:0 0 9px}.rail-bottom a{text-decoration:none;display:block;line-height:1.8}
.rail-note{display:block;margin-top:18px;color:var(--muted);font-size:10px}
main{margin-right:var(--rail);min-width:0}
.buffer{border-bottom:1px solid #555;scroll-margin-top:0}
.buffer-title{display:flex;justify-content:space-between;gap:20px;padding:11px 4.6%;background:#242424;color:var(--muted);border-bottom:1px solid #353535;font-size:11px}
.buffer-title>span:last-child{color:var(--comment)}
.buffer-inner{width:min(100%,1160px);margin:0 auto;padding:52px 6% 42px}
.hero .buffer-inner{padding-top:39px}
.eyebrow{margin:0 0 17px;font-size:11px;letter-spacing:.12em;color:var(--comment)}
.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:22px;color:var(--white);font-size:clamp(32px,3.8vw,57px);line-height:1.12;letter-spacing:-.065em;font-weight:700}
h1 span,.section-title span{color:var(--function)}
.unit-mark{flex-shrink:0;position:relative;color:var(--keyword);font-size:60px;line-height:1;letter-spacing:-.08em;padding:15px 8px 10px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:155px}
.unit-mark>span{position:absolute;top:12px;left:10px;font-size:19px;letter-spacing:0}
.unit-mark>small{display:block;margin-top:11px;font-size:10px;letter-spacing:0;color:var(--comment)}
.lead{max-width:730px;margin:0 0 15px;color:#c6c6c6;font-size:15px;line-height:1.8}
.source-note{font-size:10px;color:var(--muted);margin:0 0 26px}
.status-dot{display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;background:var(--comment);border-radius:50%}
.separator{color:var(--line);margin:0 7px}
.clock-workspace{background:var(--deep);border:1px solid #585858}
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
#clock-status{color:var(--comment);text-align:right}
.clock-pair{display:grid;grid-template-columns:1fr 1fr}
.time-frame{min-width:0;padding:22px 24px 19px}
.utc-frame{border-left:1px solid var(--line)}
.frame-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:400;line-height:1.6;margin:0 0 14px}
.frame-label>span{color:var(--comment);font-size:9px;text-align:right;overflow-wrap:anywhere}
.clock-date{font-size:11px;color:var(--function);margin:0 0 5px;min-height:19px}
.clock-time{font-size:clamp(29px,3.5vw,48px);line-height:1.25;letter-spacing:-.07em;font-weight:700;color:var(--keyword);margin:0 0 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.utc-frame .clock-time{color:var(--white)}
.frame-note{margin:0;font-size:10px;color:var(--muted);line-height:1.6}
.period-frame{padding:22px 24px 18px;border-top:1px solid var(--line);background:#202424}
.period-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}
.period-heading .frame-label{color:var(--function)}
.tag{display:inline-block;border:1px solid #505c51;color:#abc3ab;padding:2px 8px;font-size:9px;line-height:1.6;letter-spacing:.02em}
.period-count{color:var(--function);font-size:clamp(23px,2.8vw,39px);line-height:1.45;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0 0 7px;font-weight:700}
.period-caption{margin:0 0 21px;font-size:10px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 13px}
.day-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;border-top:1px dashed #465146;padding-top:12px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
#quantum-day{color:var(--keyword)}
.clock-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px;padding:12px 24px;border-top:1px solid var(--line);font-size:10px}
.control-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.control-group label{color:var(--muted)}
.clock-caveat{margin:15px 0 0;max-width:800px;color:var(--muted);font-size:10px;line-height:1.8}.clock-caveat>.comment{display:block;margin-bottom:4px}
.notice{border:1px solid var(--keyword);padding:14px;color:var(--keyword);font-size:12px;margin-bottom:20px}
.modeline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 18px;padding:5px 4.6%;background:var(--modeline);border-top:1px solid #555;color:#c0c0c0;font-size:9px;letter-spacing:.02em}
.modeline>span:last-child{color:#c7d6c7}
.section-title{font-size:clamp(26px,2.8vw,40px);line-height:1.2;letter-spacing:-.055em;margin:0 0 22px;color:var(--white)}
.section-lead{font-size:14px;max-width:790px;color:#c6c6c6;margin-bottom:30px}
.method-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;margin:28px 0 30px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.method-flow>div{min-width:0}.method-flow strong{display:block;color:var(--keyword);font-size:12px;margin:8px 0}.method-flow small{font-size:10px;color:var(--muted);line-height:1.8;display:block}.method-flow .comment{font-size:10px}.flow-arrow{color:var(--comment);font-size:20px}
.formula-block{background:var(--deep);border-left:2px solid var(--comment);padding:20px 22px;margin-bottom:35px}.formula-block>.comment{font-size:10px}
pre{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9;color:var(--keyword)}code{font-family:inherit;font-size:.95em}
.explanation-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 36px}.explanation-grid h3{font-size:12px;font-weight:400;color:var(--function);margin:0 0 10px}.explanation-grid p{font-size:12px;color:#bababa;margin:0}
.references{display:flex;flex-wrap:wrap;gap:9px 25px;margin-top:33px;padding-top:20px;border-top:1px solid var(--line);font-size:10px}.references>.comment{flex-basis:100%;margin-bottom:2px}.references a{text-decoration:none}
.scenario-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;margin:32px 0;background:var(--deep);border:1px solid var(--line);padding:26px}.scenario-panel h3{margin:15px 0 11px;font-size:18px;font-weight:400;color:var(--keyword);line-height:1.4}.scenario-panel p{font-size:12px;color:#bababa;margin-bottom:0}
.scenario-readout{align-self:center;padding:10px 0 10px 28px;border-left:1px solid var(--line);font-size:10px;color:var(--muted)}.scenario-readout #scenario-countdown{font-size:clamp(20px,2.3vw,31px);color:var(--keyword);line-height:1.5;margin:10px 0;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.planning-list{list-style:none;padding:0;margin:0}.planning-list li{display:flex;gap:23px;padding:21px 0;border-bottom:1px solid #353535}.planning-list li:last-child{border-bottom:0}.step-number{color:var(--comment);font-size:11px;padding-top:2px}.planning-list h3{font-size:13px;font-weight:400;color:var(--text);margin:0 0 7px}.planning-list p{margin:0;color:var(--muted);font-size:12px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.project-grid h3{font-size:14px;font-weight:400;color:var(--keyword);margin-bottom:12px}.project-grid p{font-size:12px;color:#bababa;margin:0 0 15px}.text-link{font-size:11px;text-decoration:none}
.license-notice{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:11px}.license-notice dl{margin:15px 0 0}.license-notice dl>div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:9px 0}.license-notice dt{color:var(--keyword)}.license-notice dd{margin:0;color:#bababa}.license-notice>p{margin:16px 0 0;color:var(--muted);font-size:10px}
.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:25px 4.6%;font-size:10px;color:var(--muted)}.site-footer a{text-decoration:none}.site-footer>.comment{flex-basis:100%;font-size:9px}
@media(min-width:1500px){:root{--rail:280px}.side-rail{padding:45px 30px}.buffer-inner{padding-right:6%;padding-left:6%}}
@media(max-width:1100px){:root{--rail:210px}.side-rail{padding:28px 17px}.brand{font-size:14px;gap:9px}.brand-mark{font-size:30px}.brand small{font-size:9px}.buffer-inner{padding-left:5%;padding-right:5%}.unit-mark{font-size:50px;min-width:125px}.unit-mark>span{left:5px;font-size:15px}.clock-time{font-size:35px}.time-frame{padding:19px 17px}.period-frame{padding:20px 17px}.clock-controls{padding:12px 17px}.frame-label{flex-wrap:wrap;gap:2px 10px}.method-flow{gap:10px}.method-flow strong{font-size:10px}.scenario-panel{gap:20px;padding:23px}.scenario-readout{padding-left:20px}}
@media(max-width:820px){.emacs-header{padding:8px 20px}.header-meta{font-size:10px}.side-rail{position:static;width:auto;padding:18px 5%;border-left:0;border-bottom:1px solid var(--line);gap:18px}.brand{font-size:17px}.brand-mark{font-size:33px}.brand small{font-size:10px}.rail-comment,.rail-bottom{display:none}.site-nav{flex-direction:row;flex-wrap:wrap;gap:8px 23px}.site-nav a{display:flex;align-items:center;gap:7px;padding:3px 0;border-bottom:0;min-height:34px}.site-nav strong{font-size:11px}.site-nav small{display:none}.site-nav a>span{padding:0;font-size:10px}main{margin-right:0}.buffer-inner{padding:40px 5%}.hero .buffer-inner{padding-top:30px}h1{font-size:clamp(34px,6vw,51px)}.clock-time{font-size:clamp(31px,5vw,45px)}.period-count{font-size:clamp(24px,4.4vw,38px)}.unit-mark{font-size:54px;min-width:130px}.unit-mark>span{left:7px}.section-title{font-size:clamp(29px,4.5vw,38px)}}
@media(max-width:520px){body{font-size:14px}.emacs-header{font-size:10px;padding:8px 5%;gap:10px}.header-meta{display:none}.header-mode{font-size:9px}.side-rail{padding-top:16px;padding-bottom:14px;gap:14px}.site-nav{gap:5px 16px}.site-nav strong{font-size:10px}.site-nav a>span{font-size:9px}.buffer-title{font-size:9px;gap:10px;padding:9px 5%}.hero-heading{gap:12px}.unit-mark{display:none}h1{font-size:clamp(30px,8.4vw,42px);letter-spacing:-.07em}.lead{font-size:12px;line-height:1.9}.eyebrow{font-size:9px}.source-note{font-size:9px;margin-bottom:22px}.separator{margin:0 3px}.clock-pair{grid-template-columns:1fr}.time-frame{padding:18px}.utc-frame{border-left:0;border-top:1px solid var(--line)}.clock-time{font-size:40px;letter-spacing:-.065em}.frame-label{flex-wrap:nowrap;font-size:9px;margin-bottom:10px}.frame-label>span{max-width:50%;font-size:9px}.clock-date{font-size:11px}.frame-note{font-size:9px}.workspace-bar{padding:9px 12px;font-size:9px;gap:8px}.period-frame{padding:19px 16px}.period-heading{flex-direction:column;gap:0}.period-heading .tag{margin-bottom:12px}.period-count{font-size:clamp(21px,5.9vw,29px);letter-spacing:-.06em}.period-caption{font-size:9px;margin-bottom:15px}.day-row{font-size:9px;flex-direction:column;gap:7px}.clock-controls{padding:13px 16px;align-items:stretch;gap:12px}.control-group{width:100%;justify-content:space-between;font-size:9px}#pause-clock{width:100%}.clock-caveat{font-size:9px}.modeline{font-size:8px;padding:7px 5%}.section-title{font-size:29px}.section-lead{font-size:12px}.method-flow{grid-template-columns:1fr;gap:14px;padding:23px 0}.method-flow>div{display:grid;grid-template-columns:100px 1fr;gap:3px 10px}.method-flow strong{font-size:12px;margin:0}.method-flow small{grid-column:2}.method-flow small br{display:none}.method-flow .comment{font-size:9px}.flow-arrow{display:none}.formula-block{padding:15px}.formula-block>.comment{font-size:9px}pre{font-size:10px;line-height:1.9}.explanation-grid{grid-template-columns:1fr;gap:24px}.explanation-grid p{font-size:12px}.references{flex-direction:column;gap:13px;font-size:10px}.scenario-panel{grid-template-columns:1fr;gap:24px;padding:20px}.scenario-readout{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.scenario-readout #scenario-countdown{font-size:28px}.planning-list li{gap:16px}.planning-list h3{font-size:12px}.planning-list p{font-size:11px}.project-grid{grid-template-columns:1fr;gap:30px}.license-notice dl>div{grid-template-columns:1fr;gap:3px;padding:11px 0}.license-notice{font-size:10px}.site-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
