/* Hallmark · genre: editorial · macrostructure: Long Document / timeline workbench · system: design.md
 * Pre-emit critique: P4 H4 E4 S5 R5 V4. Existing tokens, masthead and quiet motion retained. */
html,body{overflow-x:clip}
.history-site h1,.history-site h2,.history-site h3{font-style:normal;overflow-wrap:anywhere;min-width:0}
.history-site main p{color:var(--text)}.history-site main .eyebrow,.history-site .history-year{color:var(--accent)}.history-site main .history-checked,.history-site main .quiz-progress,.history-site main .history-source-note{color:var(--text-muted)}
.history-site a:focus-visible,.history-site button:focus-visible,.history-site summary:focus-visible,.history-site input:focus-visible,.history-site select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.history-skip{position:absolute;top:-100px;left:16px;background:var(--paper);color:var(--accent);padding:12px;z-index:60}.history-skip:focus{top:8px}
.history-site .history-article-collection .article-tile{border-top:1px solid var(--rule);padding:16px 0 24px;align-content:start;gap:10px}.history-site .article-tile span,.history-site .article-tile strong{margin:0}.history-site .glory-history,.history-site .goodison-blue-history{background:none}.history-site .moment-stage{background:var(--paper-alt);border:1px solid var(--rule);border-radius:0;box-shadow:none;min-height:380px;justify-content:center}.history-site .moment-year{background:var(--accent);color:var(--paper);border-radius:0;font-size:16px;padding:8px 12px}.history-site .moment-stage h3{color:var(--text);font-size:44px;line-height:1.05}.history-site .moment-stat{color:var(--accent)}.history-site .moment-button{background:var(--paper);border:1px solid var(--rule);color:var(--text);border-radius:4px;box-shadow:none;min-height:96px}.history-site .moment-button span{color:var(--accent)}.history-site .moment-button.active{background:var(--paper-alt);border-color:var(--accent)}.history-site .kit-stage{top:156px}.history-site .kit-stage-frame,.history-site .kit-era{background:var(--paper);color:var(--text);border:1px solid var(--rule);border-radius:4px;box-shadow:none}.history-site .kit-era.active{background:var(--paper-alt);border-color:var(--accent);transform:none}.history-site .kit-stage-range,.history-site .kit-era span,.history-site .kit-era small{color:var(--accent)}.history-site .kit-era strong{color:var(--text)}.history-site .kit-jump{color:var(--accent);background:var(--paper);border:1px solid var(--rule);border-radius:4px;min-height:44px}.history-site .kit-jump.active{background:var(--paper-alt);border-color:var(--accent)}.history-site .kit-palette li{color:var(--text-muted);border-color:var(--rule);border-radius:4px}.history-site .kit-note{color:var(--text-muted)}
@media(max-width:980px){.history-site .moment-explorer,.history-site .kit-explorer{grid-template-columns:minmax(0,1fr)}.history-site .kit-stage{position:relative;top:auto}.history-site .moment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-site .moment-stage{min-height:300px}}
@media(max-width:480px){.history-site .moment-stage h3{font-size:36px}.history-site .moment-stage{padding:24px}.history-site .moment-list{grid-template-columns:minmax(0,1fr)}.history-site .kit-stage-header{align-items:flex-start;flex-direction:column}.history-site .kit-stage-controls{justify-content:flex-start}.history-site .kit-explorer{min-width:0}.history-site .kit-stage-frame{padding:16px}.history-site .nav a{font-size:11px;padding:10px 7px}}
.history-site .nav{flex-wrap:wrap;gap:2px}.history-site .nav a,.history-site .section-nav a,.history-site button,.history-site footer a{white-space:nowrap}
.history-site .kit-shirt{background:var(--shirt-base);box-shadow:none}.history-site .kit-stage-range{white-space:nowrap}.history-site .kit-stage-header{flex-wrap:wrap}.history-site .kit-stage-controls{justify-content:flex-start}.history-site .kit-illustration-note{font-size:11px;line-height:1.6;color:var(--text-muted);text-align:center;margin:12px 0 0}
.history-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 0;border-bottom:1px solid var(--rule)}
.history-site .history-intro h1{font-size:46px;line-height:1.02;letter-spacing:0;margin:12px 0 0}
.history-intro-copy{max-width:56ch;align-self:end}.history-intro-copy p{font-size:15px;line-height:1.85;margin:0 0 16px}
.history-checked{font-size:11px!important;line-height:1.7;color:var(--text-muted)}
.history-explorer{padding:32px 0 0;scroll-margin-top:190px}.history-explorer .ledger-heading{align-items:start;flex-direction:column;margin-bottom:20px}.history-explorer h2{margin:0}
.history-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border-bottom:1px solid var(--rule);padding:0 0 24px;margin-bottom:8px}
.history-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;min-width:0}.history-filters input,.history-filters select{font-family:var(--font-body);width:100%;min-width:0;min-height:44px;font-size:13px;color:var(--text);background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:9px 10px}
.history-filters button{justify-self:start;align-self:end;min-height:44px;padding:10px 16px;background:var(--paper);border:1px solid var(--rule);color:var(--accent);border-radius:4px;font:700 12px var(--font-body)}
.history-milestone{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:28px 0;border-bottom:1px solid var(--rule);scroll-margin-top:192px}
.history-year{font:700 30px/1 var(--font-display);color:var(--accent);margin:0}.history-record{max-width:760px;min-width:0}.history-record .eyebrow{font-size:10px;margin:0 0 8px}
.history-site .history-record h3{font:700 29px/1.15 var(--font-display);margin:0 0 14px}.history-record>p,.history-detail p{font-size:14px;line-height:1.85;margin:0 0 18px}
.history-detail summary{display:list-item;cursor:pointer;color:var(--accent);font-weight:800;font-size:12px;min-height:44px;padding:12px 0;list-style-position:inside}
.history-detail[open] summary{margin-bottom:8px}.history-detail .history-source-note{font-size:12px;color:var(--text-muted)}.history-detail ul{font-size:12px;line-height:1.8;padding-left:20px}.history-detail li{margin-bottom:6px}.history-detail a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.history-record-links{display:flex;gap:16px;flex-wrap:wrap;padding-top:8px}.history-record-links a{font-size:12px;font-weight:700}.history-empty{padding:32px 0;font-size:15px;line-height:1.8}
.history-quiz{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:48px;padding:32px 0;border-top:2px solid var(--accent);border-bottom:1px solid var(--rule);scroll-margin-top:190px}
.quiz-intro h2{margin:12px 0 20px;line-height:1.08}.quiz-intro p{font-size:14px;line-height:1.8;max-width:42ch}.quiz-stage{min-width:0}.quiz-stage fieldset{border:0;padding:0;margin:0}.quiz-stage legend{font:700 24px/1.35 var(--font-display);margin:8px 0 20px;max-width:100%}.quiz-progress{font-size:11px;color:var(--text-muted)}
.quiz-options{display:grid;gap:12px}.quiz-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--rule);padding:14px;font-size:13px;line-height:1.6;cursor:pointer}.quiz-option input{margin:4px 0 0;accent-color:var(--accent);flex-shrink:0}.quiz-option:has(input:checked){border-color:var(--accent);background:var(--paper-alt)}
.quiz-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.history-site .quiz-actions button{min-height:44px;padding:10px 18px;font:800 12px var(--font-body);border:1px solid var(--accent);border-radius:4px;color:var(--paper);background:var(--accent)}.history-site .quiz-actions button[disabled]{opacity:.5;cursor:not-allowed}.quiz-feedback{margin-top:20px;font-size:14px;line-height:1.8}.quiz-feedback:empty{display:none}.quiz-feedback strong{display:block}.quiz-feedback a{color:var(--accent);text-decoration:underline}.quiz-score{font:700 48px/1 var(--font-display);margin:16px 0}.quiz-complete h3{font:700 29px/1.2 var(--font-display)}
.history-reading{padding:48px 0;scroll-margin-top:190px}.history-reading h2{margin:12px 0 28px}.history-reading-list{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.history-reading-list a{display:block;border-top:1px solid var(--rule);padding-top:16px;color:var(--text)}.history-reading-list span{display:block;font-size:10px;color:var(--accent);margin-bottom:10px}.history-reading-list strong{display:block;font:700 27px/1.15 var(--font-display);margin-bottom:12px}.history-reading-list small{display:block;font-size:12px;line-height:1.8;color:var(--text-muted)}.history-reading-list a:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(min-width:40rem){.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters button{grid-column:2;justify-self:end}.history-milestone{grid-template-columns:100px minmax(0,1fr);gap:24px}.history-reading-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-site .history-intro h1{font-size:60px}}
@media(min-width:60rem){.history-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;padding:44px 0}.history-explorer .ledger-heading{flex-direction:row;align-items:end}.history-filters{grid-template-columns:1.1fr .8fr 1.4fr .8fr auto}.history-filters button{grid-column:auto}.history-milestone{grid-template-columns:140px minmax(0,1fr);gap:32px;padding:32px 0}.history-year{font-size:40px}.history-quiz{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;padding:40px 0}.history-reading-list{grid-template-columns:repeat(3,minmax(0,1fr))}}