/* Permanent Monedial surface palette. Loaded synchronously; no theme selection. */
:root{color-scheme:light;--bg:#e8e6e1;--line:#d1c9be;--muted:#665f57;--gold:#75644a;--stone-text:#302e2a;--stone-secondary:#514b44;--stone-panel:#f0eee9;--stone-control:#e6e2dc;--stone-shadow:0 3px 12px #5143320b}
/* Viewport-sized so a long event list cannot stretch the visible gradient away. */
body{background:linear-gradient(180deg,#cec8bd 0%,#e0dcd4 50%,#f3f0ea 100%) fixed;color:var(--stone-text)}
button{background:var(--stone-control);border-color:#c9c0b3}
button:hover{background:#e0d7ca}
header{position:relative;border-bottom-color:#c8bdac70}
/* A shallow, full-width shadow below the masthead; no added layout height. */
header::after{content:'';position:absolute;top:100%;left:-28px;right:-28px;height:15px;background:linear-gradient(180deg,#51473726 0%,#5147370d 35%,#51473700 100%);pointer-events:none}
@media(max-width:760px){header::after{left:-15px;right:-15px}}
.brand{color:#302b25}.brand-symbol{background:linear-gradient(135deg,#73664f,#514737);filter:drop-shadow(0 1px 1px #6b503019)}
.brand small{color:#615748}
header .search{background:linear-gradient(145deg,#ece9e3,#e4e1da);border-color:#c8bfb3;box-shadow:inset 0 1px #fff7}
header .search:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #75644a19}
.search input{color:var(--stone-text)}.search input::placeholder{color:#6b6258;opacity:1}
header .market{color:var(--stone-text)}header .market small{color:var(--muted)}
.market input{background:#c9c3b9;border-color:#968b7b}.market input:before{background:#f0eee9}
.market input:checked{background:#9b783f;border-color:#7d5d30}.market input:checked:before{background:#f4ead6}
header #advanced-toggle{background:var(--stone-control);border-color:#c9bda9;color:#524735}
header #advanced-toggle[data-active=true]{background:#dfd0b5;border-color:#8a693a;color:#45351e}
#menu-toggle{background:linear-gradient(145deg,#eee8dc,#e3dbcf);border-color:#b5a58c;box-shadow:inset 0 1px #fff6}
#menu-toggle span{background:#6c5432}#menu-toggle[aria-expanded=true]{border-color:#806032}
.plot{background:linear-gradient(180deg,#f0ede7,#ede9e2 50%,#eae6df);border-color:#cec9c0;box-shadow:var(--stone-shadow)}
#price-status,#price-axis{color:#6c5a42}#price-axis{border-left-color:#9c836335}#price-axis .axis-tick:before{border-color:#9c836366}
#all-categories{color:#625a4f}#all-categories[aria-pressed=true]{color:#6b4c23}
/* Category hues are untouched; a fine dark edge replaces neon text glow. */
.lane-control button{text-shadow:0 .4px .4px #342d25b0}
.lane-control button:hover{background:#89714c10}
.lane-control button[aria-pressed=true],.lane-control button[aria-pressed=mixed]{background:#89714c12;text-shadow:0 .4px .4px #342d25b0}
#more-categories summary{color:#605768}
#more-options{background:var(--stone-panel);border-color:var(--line);box-shadow:0 8px 24px #4638261c}
#tooltip{background:#34372f;color:#f5f1e9;border-color:#646757;box-shadow:0 5px 16px #32291f26}
#empty{background:#f2ede4f5;color:var(--stone-text)}
.navigator{background:linear-gradient(120deg,#ece9e3,#e2ded7);border-color:#cec4b5;box-shadow:var(--stone-shadow)}
#selection{background:linear-gradient(180deg,#b38b4726,#b38b470a);border-color:#98713c;box-shadow:inset 0 0 12px #a37a3610,0 1px 4px #5d452214}
.handle{background:linear-gradient(90deg,#ba9c6e,#ecddc3,#b99a6b);border-color:#8a693e}
#nav-dates{color:#61513c}
footer{color:#685f54}
#menu-panel,#advanced-filters{background:linear-gradient(145deg,#f0eee9fa,#eae4dafc);border-color:#c7c0b5;box-shadow:inset 0 1px #fff9,0 10px 30px #4d3b2326}
.menu-masthead,#menu-panel section+section{border-color:#b7a68b40}
.menu-kicker,#menu-panel h2{color:#765a32}.menu-masthead p{color:#393229}
#menu-panel a{color:#39352f}#menu-panel section>span{color:#6d6458}#menu-panel small{color:#706658}
#menu-panel a:hover,#menu-panel a:focus-visible{background:#b4956417;color:#49361d}
#menu-panel a[aria-current=page]{border-left-color:#97703b;background:#b4956417;color:#49361d}
#panel{background:linear-gradient(155deg,#f4f0e9,#ede8e0 65%);border-left-color:#cdc1ae;border-right-color:#cdc1ae;border-bottom-color:#cdc1ae;box-shadow:0 6px 22px #48382214;scrollbar-color:#aaa08f transparent}
.panel-toolbar{background:#e9e6e0f5;border-bottom-color:#cfc3b0}
#event-back{color:#655746}#close-panel{background:#d7cdbb30;border-color:#bcae9750}
.article-meta{color:#675d50}.article-category{color:#51483b}.article-category:before{box-shadow:none;outline:1px solid #51483b50}
#panel h1{color:#302b25}#panel .standfirst{color:#554c41}#panel .body-content{color:#403c36}
.body-content strong,.body-content h2,.body-content h3{color:#302b25}.body-content blockquote{color:#5c5144}
#panel a{color:#795728;text-decoration-color:#79572880}#panel a:hover{color:#4e3615}
#panel .tags{color:#62584b}.tags span{border-color:#b9a88c70}
.article-sources,.related-history,.article-navigation{border-top-color:#b5a38645}
#panel section>h2{color:#63533d}.article-sources small{color:#6d6255}
.related-event{color:#443d34}.related-event:hover{background:#ad8d5810}.related-event small,.related-event .relation-reason,.panel-note{color:#6d6255}
.chronological-controls button{background:#e4dbcd60;border-color:#bbaa8c70}
#return-to-event{background:#e9dfccf5;color:#49391f;border-color:#a68a5c}
.advanced-heading h2{color:#463a29}.facet-help,.facet-note{color:#6b6051}
#facet-groups details{border-color:#b7a17c50}#facet-groups summary{color:#524633}#facet-groups label{color:#514b42}#facet-groups input{accent-color:#75644a}
.advanced-footer{background:#e8e5dff5;color:#5e4929;border-color:#b7a17c50}
#filter-summary button{background:#d9c6a52b;color:#604b2c;border-color:#a68b635e}.summary-count{color:#6d6253}
@media(max-width:760px){#panel{box-shadow:0 0 0 100vmax #332c2340}}

/* Reference refinement: mineral neutrals, editorial control type, shallow layers. */
.brand{color:#37322b}.brand-wordmark{letter-spacing:3.8px}.brand small{font-family:var(--font-reference);font-size:11px;letter-spacing:1.4px;color:#686158}
header .search{background:linear-gradient(180deg,#f0eeea,#e8e5df);border-color:#cbc5bb;box-shadow:inset 0 1px #ffffff90,0 1px 3px #5048390b;border-radius:9px}
.search input{font-family:var(--font-reference);font-size:15px}
header #advanced-toggle,#menu-toggle{background:linear-gradient(180deg,#eeebe5,#e4e0d8);border-color:#c7c0b4;box-shadow:inset 0 1px #ffffff80,0 2px 4px #4b413210}
header #advanced-toggle{font-family:var(--font-reference);font-size:13px}
header .market{font-family:var(--font-reference);font-size:13px;gap:7px}
header .market .scale-caption{display:block;margin-right:4px;line-height:1.25;color:#4d473e}
header .market .scale-caption small{font:10px var(--font-reference);color:#70685d}
header .market .scale-option{display:block;font-size:12px;color:#61594e}
.market input:checked{background:#968366;border-color:#887352}.market input:checked:before{background:#f6f3ed}
.market input{margin:0;flex-shrink:0;width:39px}.market input:checked:before{transform:translateX(13px)}
.plot,.navigator{border-color:#f6f2eb90;box-shadow:inset 0 1px #fff9,0 3px 13px #70604b12}
.navigator{background:linear-gradient(180deg,#efebe5,#e9e5dd)}
.nav-title{font-family:var(--font-reference);font-size:16px}.nav-title small{font:10px/1.6 var(--font-reference)}
.instructions,.stage-heading{letter-spacing:.6px;color:#696157}
#price-axis{font-family:var(--font-reference);font-size:11px;color:#6b6256}#price-axis .axis-title{font-size:9px;letter-spacing:0}
#price-status{color:#756a58}
#selection{background:linear-gradient(115deg,#c5b7981c,#d6c9ac42 48%,#bfae8b20);border:1px solid #a59473a6;box-shadow:inset 0 1px #fffdf5b0,inset 0 -1px #8a765b24,0 2px 6px #66533712;border-radius:4px}
/* Preserve the tiny chart's sharpness: tint/highlights instead of backdrop blur. */
.handle{background:linear-gradient(90deg,#a99670,#e1d6be 45%,#b4a17b);border-color:#998563;box-shadow:inset 1px 0 #fff8,0 1px 3px #4a3e2920}
#panel{background:linear-gradient(155deg,#f4f0e9,#ede8e0 65%);border-left-color:#cac3b7;border-right-color:#cac3b7;border-bottom-color:#cac3b7;box-shadow:0 7px 22px #51463612}
.panel-toolbar{background:#e9e6e0f5;border-bottom-color:#cfc8bc}
#panel h1{color:#38322b;letter-spacing:-.35px}.article-meta{letter-spacing:.3px;color:#70665a}
#menu-panel,#advanced-filters{background:linear-gradient(145deg,#f3eee7fc,#ece6defc);border-color:#c8c0b3;box-shadow:inset 0 1px #fff9,0 12px 30px #4a403222}
#menu-panel a{font-family:var(--font-reference);font-size:14px}
#tooltip{width:225px;max-width:calc(100% - 16px);padding:11px 13px;background:linear-gradient(180deg,#fff,#faf9f6);border:1px solid #d9d3c9;border-radius:8px;color:#3f3a33;box-shadow:inset 0 1px #fff,0 5px 14px #40392d30;overflow-wrap:anywhere}
.hover-date{font:10px/1.4 var(--font-reference);letter-spacing:.5px;color:#746c61;margin-bottom:5px}
.hover-title{font:16px/1.25 var(--font-reference);color:#302c27;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hover-description{font:11px/1.45 var(--font-reference);margin:7px 0;color:#554f46;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hover-category{display:inline-block;margin-top:4px;border:1px solid #d4cfc5;border-radius:12px;padding:2px 8px;font:10px/1.5 var(--font-reference);text-transform:capitalize;color:#5b5142;background:#eeeae2}
@media(max-width:1100px) and (min-width:761px){header .market .scale-caption{display:none}header{gap:12px}.brand small{font-size:10px}.search input{font-size:14px}}
@media(max-width:760px){header .market .scale-caption{display:flex;gap:7px;align-items:center}.brand small{font-size:9px}#panel{box-shadow:0 0 0 100vmax #332c2340}}

/* Real, focusable labels share the renderer's collision-tested label boxes. */
.chart-labels{position:absolute;inset:0;pointer-events:none}
.chart-event-label{position:absolute;pointer-events:auto;padding:0 3px;border:0;border-radius:3px;background:#f4f1ebeb;color:#403a32;font:11px/18px var(--font-reference);white-space:nowrap;overflow:hidden;text-align:left;cursor:pointer;transition:background .15s,box-shadow .15s}
.chart-event-label:hover,.chart-event-label:focus-visible{background:#fffdf8;box-shadow:0 1px 5px #53493625;text-decoration:underline;text-underline-offset:2px}
.chart-event-label[aria-pressed=true]{box-shadow:inset 0 -1px #897453}
@media(prefers-reduced-motion:reduce){.chart-event-label{transition:none}}

/* Focused polish: shared type and mineral surfaces, with geometry unchanged. */
:root{
 --font-reference:'Times New Roman',Times,serif;
 --font-editorial:var(--font-reference);
 --font-ui:var(--font-reference);
 --stone-panel:#eeece7;--stone-control:#e5e2dc;
 --surface-light:#f0eeea;--surface-low:#e7e4de;--surface-border:#cbc6bc;
 --surface-gradient:linear-gradient(180deg,var(--surface-light),var(--surface-low));
}
body,button,input{font-family:var(--font-ui)}
.brand-wordmark,.nav-title,.hover-title,#panel h1,.body-content h2,.body-content h3,.menu-masthead p,.advanced-heading h2{font-family:var(--font-editorial);font-weight:400}
.body-content h2{font-size:23px}.body-content h3{font-size:19px}
.brand small,.search input,header #advanced-toggle,header .market,#menu-panel a,#price-axis,kbd{font-family:var(--font-ui)}
.nav-title small,.hover-date,.hover-description,.hover-category,.chart-event-label,.article-meta,.menu-kicker{font-family:var(--font-ui)}
.brand-wordmark{letter-spacing:3px;font-weight:400}
.nav-title{font-size:18px;line-height:1.35;letter-spacing:0}
.nav-title small{line-height:1.6;letter-spacing:.2px}
#panel h1{line-height:1.2;letter-spacing:-.4px}
.hover-title{font-size:17px;letter-spacing:-.15px}
.article-meta,.hover-date{font-variant-numeric:tabular-nums}
.stage-heading,.instructions{letter-spacing:.4px}
#menu-panel h2,#panel section>h2{font-family:var(--font-ui);font-weight:600;letter-spacing:1.2px}
.brand small{letter-spacing:1px}
header .search,header #advanced-toggle,#menu-toggle{height:42px;border-radius:9px;background:var(--surface-gradient);border-color:var(--surface-border);box-shadow:inset 0 1px #ffffff80,0 1px 3px #5147370c}
header .search{padding:8px 14px}
header .search input{font-size:13px;line-height:1.5}
header #advanced-toggle{font-size:13px;line-height:1.5;padding:8px 11px}
#menu-toggle{width:42px}
header .market{min-height:42px;gap:7px;font-size:12px;line-height:1.5}
header .market .scale-caption{margin-right:3px;white-space:nowrap;line-height:1.5}
header .market .scale-option{font-size:12px}
.article-meta,.hover-date,.menu-kicker{font-family:var(--font-ui);letter-spacing:.6px}
.hover-title{line-height:1.3}
.hover-description{line-height:1.5}
.plot{background:linear-gradient(180deg,#efede8f7,#e9e6e0f5);border-color:var(--surface-border);box-shadow:inset 0 1px #ffffffa0,inset 0 -1px #8d827214,0 2px 7px #5147370d}
.navigator,#panel,#menu-panel,#advanced-filters{background:var(--surface-gradient);border-color:var(--surface-border)}
.panel-toolbar,.advanced-footer{background:#e7e4def5}
#more-options,#empty{background:var(--stone-panel)}
button:hover{background:#dedbd4}
.hover-category{background:#eeece7;border-color:var(--surface-border)}
.chart-event-label{background:#f0eeeaeb}.chart-event-label:hover,.chart-event-label:focus-visible{background:#faf9f6}
/* Optical focus without distorting dates or blurring the miniature chart.
   The transparent tint and edge highlights also work without backdrop-filter. */
#selection{background:linear-gradient(180deg,#ffffff26,#a89c8710 48%,#ffffff14);border-color:#fffdf5e6 #807360b3 #786b57c2 #fffdf5cc;border-radius:5px;box-shadow:inset 0 0 2px #fffdf54d,inset 1px 1px 2px #fffdf599,inset 2px 2px 5px #fffdf566,inset -1px -1px 2px #746a5857,inset -2px -2px 6px #746a583d,0 2px 5px #51473716;-webkit-backdrop-filter:contrast(1.16) brightness(1.035);backdrop-filter:contrast(1.16) brightness(1.035)}
#selection::before{content:'';position:absolute;inset:1px;border-radius:3px;pointer-events:none;background:linear-gradient(90deg,#73675016,transparent 7px,transparent calc(100% - 7px),#73675016);box-shadow:inset 0 3px 5px #ffffff1c}
#selection .handle{width:24px;background:transparent;border:0;border-radius:0;box-shadow:none}
#selection .handle.left{left:-12.5px}
#selection .handle.right{right:-12.5px}
#selection .handle::after{content:'';position:absolute;inset:3px auto 3px 9.5px;width:5px;border:1px solid #887a6380;border-radius:1.5px;background:linear-gradient(90deg,#b0a48e99,#e5dfd3cc);box-shadow:inset 1px 0 #ffffff66,0 1px 2px #51473714;pointer-events:none}
@media(min-width:761px) and (max-width:1100px){header .market .scale-caption{display:block;font-size:11px}header{gap:10px}}
@media(max-width:760px){header .market{min-height:24px}header #advanced-toggle{padding:8px}}

/* Category text only: larger serif labels with a darker matching hue. */
.lane-control button{font-size:12.5px;color:var(--category-label-color);text-shadow:none}
.lane-control button[aria-pressed=true],.lane-control button[aria-pressed=mixed]{text-shadow:none}
@media(max-width:760px){.lane-control button{font-size:10.2px}}
.lane-control>button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#332e28}
.lane-control>button>.category-icon{width:16.1px;height:16.1px;flex:none;color:var(--category-color);pointer-events:none}

/* Desktop-only price inspection overlay; never intercept chart interaction. */
.price-hover,.price-hover *{pointer-events:none}
.price-hover{position:absolute;inset:0;z-index:2}
.price-hover-guide{position:absolute;width:1px;background:#857c6d55}
.price-hover-dot{position:absolute;width:6px;height:6px;border:1px solid #f0eeea;border-radius:50%;background:#81786b;transform:translate(-50%,-50%)}
.price-hover-price,.price-hover-date{position:absolute;padding:2px 4px;font:10px/1.3 var(--font-ui);color:#403a32;background:#f0eeeaf5;border:1px solid #cbc6bc;border-radius:2px;white-space:nowrap;overflow:hidden}