:root{--history-ink:#171411;--history-paper:#f4efe4;--history-cream:#fffaf0;--history-red:#d94b35;--history-ochre:#d49a42;--history-teal:#3f8179;--history-muted:#b9afa0;--history-line:rgba(255,250,240,.17)}
body.history-page{margin:0;background:var(--history-ink);color:var(--history-cream);font-family:Arial,Helvetica,sans-serif}.history-page main{overflow:hidden}.history-page h1,.history-page h2,.history-page h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}.history-page p{line-height:1.66}.history-kicker{margin:0 0 1rem;color:var(--history-ochre);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.history-page section{scroll-margin-top:6rem}
.history-hero{min-height:76vh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(2rem,7vw,8rem);align-items:end;padding:clamp(7rem,12vw,11rem) max(6vw,1.2rem) clamp(4rem,7vw,7rem);background:radial-gradient(circle at 80% 12%,rgba(212,154,66,.16),transparent 28%),linear-gradient(115deg,#171411 0%,#231b16 100%);border-bottom:1px solid var(--history-line)}.history-hero h1{max-width:900px;margin:.25rem 0 1.5rem;font-size:clamp(3.2rem,7.7vw,8rem);line-height:.87}.history-hero h1 em{color:var(--history-red);font-weight:400}.history-lead{max-width:780px;color:#ddd4c7;font-size:clamp(1.05rem,1.7vw,1.35rem)}.history-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.history-actions a{display:inline-flex;min-height:48px;align-items:center;padding:0 1.2rem;border:1px solid var(--history-cream);color:inherit;text-decoration:none;font-weight:800}.history-actions a:first-child{background:var(--history-red);border-color:var(--history-red)}.history-warning{border-top:4px solid var(--history-ochre);padding:1.5rem;background:rgba(255,255,255,.05)}.history-warning span{display:block;color:var(--history-ochre);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.history-warning strong{display:block;margin:.8rem 0;font:700 1.55rem/1.05 Georgia,serif}.history-warning p{margin:0;color:#d3c9bc;font-size:.94rem}
.history-lens,.history-method,.history-archipelagos,.history-quiz,.history-limits,.history-sources,.history-next{padding:clamp(4rem,8vw,8rem) max(6vw,1.2rem)}.history-lens{background:var(--history-paper);color:var(--history-ink)}.history-lens h2,.history-method h2,.history-quiz h2,.history-sources h2{max-width:850px;margin:.3rem 0 2.4rem;font-size:clamp(2.3rem,5vw,5rem);line-height:.92}.history-lens__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc5b7}.history-lens article{min-height:210px;padding:clamp(1.4rem,3vw,2.6rem);background:var(--history-cream)}.history-lens article:nth-child(2){background:var(--history-red);color:#fff}.history-lens article span{font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.history-lens article strong{display:block;margin:2rem 0 .5rem;font:700 clamp(1.25rem,2.4vw,2rem)/1.05 Georgia,serif}.history-lens article p{margin:0}.history-lens>small{display:block;margin-top:1rem;color:#655b51}
.history-method{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;border-bottom:1px solid var(--history-line)}.history-method h2{font-size:clamp(2.2rem,4vw,4rem)}.history-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0;padding:0;list-style:none}.history-legend li{display:grid;grid-template-columns:44px 1fr;gap:.1rem .8rem;align-items:center;padding:1rem;border:1px solid var(--history-line)}.history-legend small{grid-column:2;color:var(--history-muted)}.marker{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#39322c}.marker--estimate{background:var(--history-ochre);color:#1a1510}.marker--fact{background:var(--history-teal)}.marker--debate{background:var(--history-red)}.history-method__note{grid-column:1/-1;margin:1.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--history-line);color:#d4cabd}
.history-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(2rem,6vw,7rem);max-width:1450px;margin:auto;padding:clamp(5rem,8vw,8rem) max(6vw,1.2rem)}.history-periods{position:sticky;top:5.5rem;align-self:start;display:flex;flex-direction:column;border-top:2px solid var(--history-red)}.history-periods strong{padding:1.2rem 0;color:var(--history-ochre);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.history-periods a{padding:.8rem 0;border-top:1px solid var(--history-line);color:#d8cfc2;text-decoration:none}.history-periods a:hover,.history-periods a:focus{color:#fff}.history-era{margin-bottom:7rem}.history-era>header{display:flex;gap:1.3rem;align-items:start;margin-bottom:2.2rem}.history-era>header>span{display:grid;flex:0 0 54px;height:54px;place-items:center;border:1px solid var(--history-red);color:var(--history-red);font-weight:900}.history-era h2{margin:0;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.92}.era-intro{max-width:760px;margin:-.7rem 0 2rem;color:#cfc5b8}.history-era ol{position:relative;margin:0;padding:0 0 0 3.8rem;list-style:none}.history-era ol:before{content:"";position:absolute;left:13px;top:1rem;bottom:0;width:1px;background:var(--history-line)}.event{position:relative;margin:0 0 1rem}.event:before{content:"";position:absolute;left:-3.8rem;top:1.65rem;width:27px;height:27px;box-sizing:border-box;border:7px solid var(--history-ink);border-radius:50%;background:var(--history-muted);box-shadow:0 0 0 1px var(--history-muted)}.event--estimate:before{background:var(--history-ochre);box-shadow:0 0 0 1px var(--history-ochre)}.event--fact:before{background:var(--history-teal);box-shadow:0 0 0 1px var(--history-teal)}.event--debate:before{background:var(--history-red);box-shadow:0 0 0 1px var(--history-red)}.event article{padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--history-line);background:#1e1a17}.event-date{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center}.event-date span{color:var(--history-ochre);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.event-date time{font-weight:800}.event h3{margin:1rem 0 .6rem;font-size:clamp(1.55rem,2.7vw,2.55rem);line-height:1.03}.event p{max-width:850px;margin:0;color:#d1c7ba}
.history-archipelagos{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:var(--history-red)}.history-archipelagos .history-kicker{color:#241711}.history-archipelagos h2{margin:0 0 1.2rem;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.9}.history-archipelagos ul{margin:0;padding:0;list-style:none}.history-archipelagos li{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.35)}.history-archipelagos li strong{font-family:Georgia,serif;font-size:1.2rem}.history-archipelagos li span{line-height:1.5}
.history-quiz{background:var(--history-paper);color:var(--history-ink)}.history-quiz details{max-width:1000px;border-top:1px solid #9e9386}.history-quiz details:last-child{border-bottom:1px solid #9e9386}.history-quiz summary{padding:1.3rem 3rem 1.3rem 0;cursor:pointer;font:700 clamp(1.25rem,2.4vw,2rem)/1.15 Georgia,serif}.history-quiz details p{max-width:850px;margin:0;padding:0 0 1.5rem}.history-limits{background:#211b17}.history-limits>div:first-child{display:grid;grid-template-columns:.5fr 1fr;gap:3vw;align-items:end}.history-limits h2{margin:0 0 2rem;font-size:clamp(2.5rem,5vw,5.3rem);line-height:.9}.history-limits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--history-line)}.history-limits article{padding:2rem;background:#171411}.history-limits article strong{font:700 1.5rem Georgia,serif}.history-limits article p{color:#cfc5b8}
.history-sources{background:var(--history-cream);color:var(--history-ink)}.history-sources__intro{max-width:760px}.history-source-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2.5rem;background:#b8ad9e}.history-source-groups article{padding:clamp(1.3rem,3vw,2.5rem);background:var(--history-paper)}.history-source-groups h3{margin:0 0 1.2rem;font-size:1.5rem}.history-source-groups a{display:block;padding:.65rem 0;border-top:1px solid #c8bdaf;color:#4e3024;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.history-next{text-align:center}.history-next h2{margin:.4rem auto 2rem;font-size:clamp(2.5rem,5vw,5rem)}.history-next nav{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;border:1px solid var(--history-line)}.history-next a{padding:1.6rem;border-right:1px solid var(--history-line);color:#fff;text-align:left;text-decoration:none}.history-next a:last-child{border:0}.history-next strong,.history-next span{display:block}.history-next strong{font:700 1.35rem Georgia,serif}.history-next span{margin-top:.5rem;color:var(--history-muted);font-size:.9rem}
@media(max-width:860px){.history-hero,.history-method,.history-archipelagos{grid-template-columns:1fr}.history-hero{min-height:auto;align-items:start;padding-top:7rem}.history-hero h1{font-size:clamp(3rem,13vw,5.3rem)}.history-lens__grid,.history-limits__grid,.history-next nav{grid-template-columns:1fr}.history-lens article{min-height:0}.history-layout{display:block}.history-periods{position:sticky;z-index:5;top:0;display:flex;flex-direction:row;gap:0;overflow-x:auto;margin:0 calc(max(6vw,1.2rem)*-1) 4rem;padding:0 max(6vw,1.2rem);background:#171411;border-bottom:1px solid var(--history-line)}.history-periods strong{display:none}.history-periods a{flex:0 0 auto;min-height:44px;padding:.85rem 1rem;border:0;border-right:1px solid var(--history-line);white-space:nowrap}.history-legend,.history-source-groups{grid-template-columns:1fr}.history-era ol{padding-left:2.8rem}.event:before{left:-2.8rem}.history-archipelagos li{grid-template-columns:105px 1fr}.history-limits>div:first-child{display:block}.history-next a{border:0;border-bottom:1px solid var(--history-line)}}
@media(max-width:520px){.history-hero,.history-lens,.history-method,.history-archipelagos,.history-quiz,.history-limits,.history-sources,.history-next,.history-layout{padding-left:1rem;padding-right:1rem}.history-hero{gap:2rem}.history-hero h1{font-size:2.9rem}.history-actions a{width:100%;justify-content:center}.history-legend{grid-template-columns:1fr}.history-era>header>span{flex-basis:44px;height:44px}.history-era h2{font-size:2.55rem}.event article{padding:1.1rem}.event h3{font-size:1.55rem}.history-archipelagos li{display:block}.history-archipelagos li span{display:block;margin-top:.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}