.history-explorer{width:min(100% - 2.5rem,94rem);margin-inline:auto;padding-block:clamp(3rem,7vw,6rem)}.history-intro{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:end;gap:1.5rem 4rem;padding-bottom:clamp(2rem,5vw,4rem);display:grid}.history-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:800}.history-intro h1{max-width:12ch;margin:0}.history-intro>p:last-child{color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.4vw,1.15rem)}.history-era-filters{flex-wrap:wrap;gap:.55rem;padding-block:1.25rem;display:flex}.history-era-filters button,.history-timeline button,.history-editor__tabs button{color:inherit;cursor:pointer}.history-era-filters button{border:1px solid var(--ink);background:var(--surface);min-height:2.5rem;padding:.45rem .8rem;font-size:.82rem;font-weight:750}.history-era-filters button[aria-pressed=true]{background:var(--accent);box-shadow:.18rem .18rem 0 var(--ink)}.history-layout{grid-template-columns:minmax(10.5rem,.38fr) minmax(18rem,.72fr) minmax(30rem,1.3fr);align-items:start;gap:1.25rem;display:grid}.history-timeline{top:calc(var(--header-height) + 1rem);max-height:calc(100dvh - var(--header-height) - 2rem);border:2px solid var(--ink);background:var(--surface);display:grid;position:sticky;overflow-y:auto}.history-timeline button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:3.7rem 1fr;align-items:baseline;gap:.65rem;min-height:3.8rem;padding:.72rem;display:grid}.history-timeline button:last-child{border-bottom:0}.history-timeline button:hover,.history-timeline button:focus-visible{background:var(--paper-deep)}.history-timeline button[aria-pressed=true]{background:var(--accent);box-shadow:inset .35rem 0 0 var(--ink)}.history-timeline button[hidden]{display:none}.history-timeline time,.history-lesson__header time,.history-workbench__header span{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-weight:800}.history-timeline span{font-size:.82rem;font-weight:720;line-height:1.35}.history-lessons{min-width:0}.history-lesson{border:2px solid var(--ink);background:var(--surface);padding:clamp(1.35rem,3vw,2.4rem)}.history-lesson+.history-lesson{margin-top:1.25rem}.history-explorer[data-enhanced=true] .history-lesson[hidden]{display:none}.history-lesson__header{border-bottom:2px solid var(--ink);padding-bottom:1.6rem}.history-lesson__header time{background:var(--accent);margin-bottom:.85rem;padding:.2rem .45rem;display:inline-block}.history-lesson__header h2{margin-bottom:.9rem;font-size:clamp(2rem,4vw,3.15rem)}.history-lesson__header p,.history-copy-block p,.history-technology-grid p,.history-product-note p{color:var(--ink-soft)}.history-lesson__header p{margin:0;font-size:1.05rem}.history-copy-block{border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,.36fr) minmax(0,1fr);gap:1.25rem;padding-block:1.35rem;display:grid}.history-copy-block h3,.history-technology-section>h3,.history-architecture-section>h3,.history-sources>h3{letter-spacing:.02em;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem}.history-copy-block p{margin:0}.history-technology-section,.history-architecture-section,.history-sources{padding-top:1.5rem}.history-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.history-technology-grid>div{border-left:.35rem solid var(--accent);background:var(--paper);padding:.9rem 1rem}.history-technology-grid h4{margin:0 0 .45rem;font-size:.96rem}.history-technology-grid p{margin:0;font-size:.88rem;line-height:1.55}.history-architecture{counter-reset:architecture;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.history-architecture li{border-bottom:1px solid var(--line);counter-increment:architecture;grid-template-columns:2rem minmax(6rem,.45fr) minmax(0,1fr);align-items:start;gap:.75rem;padding:.75rem 0;display:grid}.history-architecture li:before{border:1px solid var(--ink);background:var(--accent);content:counter(architecture, decimal-leading-zero);place-items:center;width:1.65rem;height:1.65rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:800;display:grid}.history-architecture strong{font-size:.88rem}.history-architecture span{color:var(--muted);font-size:.85rem;line-height:1.55}.history-product-note{border:2px solid var(--ink);background:var(--accent);box-shadow:.35rem .35rem 0 var(--ink-soft);margin-top:1.75rem;padding:1rem}.history-product-note>div{align-items:baseline;gap:.7rem;margin-bottom:.55rem;display:flex}.history-product-note span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:800}.history-product-note p{color:var(--ink);margin:0;font-size:.86rem}.history-sources ul{margin:.9rem 0 0;padding-left:1.2rem}.history-sources li+li{margin-top:.35rem}.history-sources a{font-size:.82rem}.history-workbench{top:calc(var(--header-height) + 1rem);border:2px solid var(--ink);background:var(--surface);min-width:0;box-shadow:.5rem .5rem 0 var(--accent);position:sticky;overflow:hidden}.history-workbench__header{background:var(--ink);color:var(--surface);justify-content:space-between;align-items:end;gap:1rem;padding:1rem;display:flex}.history-workbench__header h2{margin:.25rem 0 0;font-size:clamp(1.4rem,2.4vw,2.1rem)}.history-workbench__header p{color:#d8d6c9;text-align:right;max-width:15rem;margin:0;font-size:.73rem}.history-preview-shell{background:#fff}.history-preview-shell iframe{background:#fff;border:0;width:100%;height:clamp(18rem,36vh,24rem);display:block}.history-runtime-status{border-top:1px solid var(--line);background:var(--paper-deep);min-height:2.6rem;color:var(--muted);margin:0;padding:.55rem .8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.4}.history-workbench__actions{border-top:1px solid var(--line);gap:.65rem;padding:.85rem;display:flex}.history-workbench__actions .button{min-height:2.6rem;padding:.6rem .85rem;font-size:.78rem}.history-editor{border-top:2px solid var(--ink);color:#f1f0e7;background:#171814}.history-editor__tabs{border-bottom:1px solid #56574f;display:flex}.history-editor__tabs button{color:#c9c8bd;background:#2a2b26;border:0;border-right:1px solid #56574f;min-width:4.5rem;min-height:2.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:800}.history-editor__tabs button[aria-selected=true]{background:var(--accent);color:var(--ink)}.history-editor label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.history-editor textarea{resize:vertical;color:#f3f0d8;tab-size:2;background:#171814;border:0;width:100%;min-height:clamp(19rem,35vh,27rem);padding:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.6;display:block}.history-editor textarea:focus-visible{outline:.2rem solid var(--accent);outline-offset:-.2rem}.history-workbench noscript{border-top:1px solid var(--line);color:var(--muted);padding:.8rem;font-size:.78rem;display:block}@media (width<=72rem){.history-layout{grid-template-columns:minmax(11rem,.32fr) minmax(0,1fr)}.history-workbench{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:static}.history-workbench__header,.history-workbench noscript{grid-column:1/-1}.history-preview-shell{grid-area:2/1}.history-workbench__actions{grid-area:3/1}.history-editor{border-top:0;border-left:2px solid var(--ink);grid-area:2/2/4}.history-editor textarea{min-height:25rem}}@media (width<=48rem){.history-explorer{width:min(100% - 1.5rem,94rem);padding-block:2.5rem 4rem}.history-intro{grid-template-columns:1fr;gap:1.25rem}.history-intro h1{font-size:clamp(2.65rem,14vw,4.4rem)}.history-era-filters{flex-wrap:nowrap;padding-bottom:1rem;overflow-x:auto}.history-era-filters button{flex:none}.history-layout{display:block}.history-timeline{scroll-snap-type:x mandatory;max-height:none;display:flex;position:static;overflow:auto hidden}.history-timeline button{border-right:1px solid var(--line);scroll-snap-align:start;border-bottom:0;flex:0 0 9.25rem;grid-template-columns:1fr;gap:.25rem;min-height:4.6rem}.history-timeline button[aria-pressed=true]{box-shadow:inset 0 -.35rem 0 var(--ink)}.history-lessons{margin-top:1rem}.history-copy-block,.history-technology-grid,.history-architecture li{grid-template-columns:1fr}.history-architecture li{gap:.35rem}.history-workbench{margin-top:1rem;display:block}.history-workbench__header{align-items:start}.history-workbench__header p{max-width:8rem}.history-preview-shell iframe{height:18rem}.history-editor{border-top:2px solid var(--ink);border-left:0}.history-editor textarea{min-height:21rem}}@media (prefers-reduced-motion:reduce){.history-explorer *,.history-explorer :before,.history-explorer :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}