/* Light archival presentation; interaction and responsive geometry stay shared. */
:root{
 --page-bg:#e8e3da;--chrome-bg:#e3dccd;--card-bg:#f3efe7;--card-bg-alt:#e8e3da;
 --plot-bg:#fbf9f4;--overlay-bg:#fbf9f4;--overview-bg:var(--card-bg);--selection-tint:#d9d2c6;
 --gold:#7a5b24;--gold-soft:#a18a60;
 --ink:#3b342c;--ink-soft:#6f6559;--ink-muted:#756c60;--ink-faint:#786e62;
 --hairline:#d2c6b6;
 --bg:var(--page-bg);--line:var(--hairline);--muted:var(--ink-muted);
 --stone-text:var(--ink);--stone-secondary:var(--ink-soft);
 --stone-panel:var(--overlay-bg);--stone-control:var(--card-bg-alt);
 --surface-light:var(--overlay-bg);--surface-low:var(--card-bg);
 --surface-border:var(--hairline);--surface-gradient:linear-gradient(var(--overlay-bg),var(--card-bg));
 --stone-shadow:0 6px 18px rgba(70,55,35,.08);
 --control-shadow:inset 0 1px #ffffff90,0 2px 4px rgba(70,55,35,.1);
 --font-editorial:'Bodoni MT',Didot,'Times New Roman',serif;
 --font-ui:'Times New Roman',Times,serif;
}
body{background:var(--page-bg);background-attachment:fixed;color:var(--ink-soft)}
header,footer{background:transparent;border-color:var(--hairline)}
header{background:var(--page-bg);box-shadow:none}
header::after{display:block;height:10px;background:linear-gradient(rgba(70,55,35,.1),transparent)}
.brand,.brand-wordmark{color:var(--ink)}
.brand-wordmark{letter-spacing:.18em}
.brand-symbol{background:var(--gold);filter:none}
.brand small{font-family:var(--font-editorial);letter-spacing:.08em;color:var(--ink-muted)}
button{background:var(--card-bg-alt);color:var(--ink-soft);border-color:var(--hairline)}
button:hover{background:var(--overlay-bg)}
header .search,header #advanced-toggle{background:var(--card-bg);border:1px solid var(--hairline);border-radius:8px;box-shadow:var(--control-shadow);color:var(--ink-soft)}
header .search{color:var(--ink-muted)}
.search input{color:var(--ink-soft)}
.search input::placeholder{color:var(--ink-faint)}
.search kbd{display:none}
header .search:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #a78d6026}
header #advanced-toggle[data-active=true]{background:var(--card-bg);color:var(--ink);border-color:var(--gold)}
#menu-toggle{background:var(--card-bg);border-color:var(--hairline);box-shadow:var(--control-shadow)}
#menu-toggle span{background:var(--ink-soft)}
header .market,header .market .scale-caption,.phone-category-toolbar .market{color:var(--ink-soft)}
header .market small,header .market .scale-option{color:var(--ink-muted)}
#market-scale-description{display:block}
.market input,.market input:checked{background:var(--gold-soft);border-color:var(--gold);box-shadow:none}
.market input:before,.market input:checked:before{background:#f5f1ea;box-shadow:none}
.plot{background:var(--card-bg);border:1px solid var(--hairline);box-shadow:inset 0 1px #faf7f380,var(--stone-shadow);border-radius:14px}
.navigator{background:var(--overview-bg);border-color:var(--hairline);box-shadow:inset 0 1px #faf7f380,var(--stone-shadow)}
#overview{background:var(--plot-bg);border-radius:5px}
#panel{background:var(--card-bg);border-color:var(--hairline)}
.panel-toolbar,.advanced-footer{background:var(--card-bg-alt);border-color:var(--hairline)}
#menu-panel,#advanced-filters,#more-options,#category-picker{background:var(--overlay-bg);border-color:var(--hairline);box-shadow:0 8px 24px rgba(80,65,45,.12)}
.lane-control>button{color:var(--ink-soft);font-family:var(--font-ui)}
#all-categories,#all-categories[aria-pressed=true],#more-categories summary{color:var(--ink-soft)}
.stage-heading,.instructions,#price-status,#price-axis,#nav-dates,footer{color:var(--ink-muted)}
#price-axis{font-variant-numeric:tabular-nums;border-color:var(--hairline)}
#price-axis .axis-tick:before{border-color:var(--hairline)}
#tooltip{background:var(--overlay-bg);border-color:var(--hairline);border-radius:10px;box-shadow:0 8px 24px rgba(80,65,45,.12);color:var(--ink-soft)}
.hover-date{color:var(--ink-muted);text-transform:uppercase}
.hover-title{color:var(--ink);font-family:var(--font-editorial);font-weight:700}
.hover-description,.hover-category{color:var(--ink-soft)}
.hover-category{background:var(--card-bg-alt);border-color:var(--hairline)}
.chart-event-label{background:#f0ebe4eb;color:var(--ink-soft)}
.chart-event-label:hover,.chart-event-label:focus-visible{background:var(--overlay-bg)}
#panel h1,.body-content strong,.body-content h2,.body-content h3{color:var(--ink)}
#panel .body-content,#panel .standfirst{color:var(--ink-soft)}
.article-meta,.panel-note{color:var(--ink-muted)}
#selection{background:rgba(217,210,198,.025);border-color:#fbf9f4dd #a18a60aa #8b795daa #fbf9f4cc;box-shadow:inset 1px 1px 3px #fbf9f499,inset -1px -1px 4px #81735c33,0 1px 2px #50412d0f}
#selection .handle::after{background:var(--gold-soft);border-color:#a78d6080;box-shadow:inset 1px 0 #faf7f366,0 1px 2px #50412d0f}
.price-hover-price,.price-hover-date{background:var(--overlay-bg);color:var(--ink-soft);border-color:var(--hairline)}
.price-hover-dot{background:#81796b;border-color:var(--card-bg)}
footer{justify-content:center;flex-wrap:wrap;font-variant:small-caps;letter-spacing:.14em;text-align:center}
footer>span:first-child{display:flex;align-items:center;gap:12px}
footer>span:first-child::before,footer>span:first-child::after{content:'';width:24px;height:1px;background:var(--hairline);flex:none}

/* Controlled visual calibration: typography and desktop whitespace only. */
body{color:var(--ink)}
.brand small,.stage-heading,.instructions,#price-status,#price-axis,#nav-dates{color:var(--ink-soft)}
#panel .body-content{color:var(--ink)}
#panel section>h2{font-size:14px;color:var(--ink-soft)}
.nav-title{font-size:22px;color:var(--ink)}
.advanced-heading h2{font-size:17px}
.body-content h2{font-size:25.5px}.body-content h3{font-size:21px}
.chart-event-label{font-size:12px;background:#fbf9f4eb;color:var(--ink)}
.article-sources small,.related-event small,.related-event .relation-reason,.panel-note{color:var(--ink-soft)}
/* Sibling paper surfaces, without an inset plot/background distinction. */
.plot,.navigator{background:var(--plot-bg)}
.timeline-title{position:absolute;left:18px;top:6px;margin:0;font:400 20px/1.25 var(--font-editorial);color:var(--ink);pointer-events:none}
@media(min-width:900px){.plot #all-categories{left:132px}}
@media(max-width:899px){.timeline-title{left:12px;font-size:19px}}
#range-label{position:absolute;right:12px;bottom:0;font:9px/10px var(--font-ui);color:var(--ink-soft);white-space:nowrap;pointer-events:none}
@media(min-width:900px){
 .lane-control>button{font-size:14.375px;line-height:1.2}
 /* Keep counts, provenance and the live status available nonvisually. */
 .stage-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .instructions{display:none}
 .plot{margin-top:10px;margin-bottom:10px}
}
/* Keep the optical edge/depth and 1.06 canvas enlargement; avoid bleaching the bars. */
#selection{-webkit-backdrop-filter:none;backdrop-filter:none}
@media(min-width:900px){
 body{padding-bottom:8px}
 .instructions{margin:8px 4px}
 .navigator{padding:14px 20px}
 .event-list{margin-top:4px}
 .event-list summary{font-size:11px;line-height:20px}
 footer{display:none}
}