:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#667085;--line:#d8dee9;--brand:#0f766e;--good:#087443;--soft:#eef7f5;--shadow:0 12px 30px rgba(16,24,40,.08)}
html[data-theme="dark"]{color-scheme:dark;--bg:#0b1220;--panel:#101a2b;--text:#e8eef7;--muted:#9fb0c7;--line:#28374d;--brand:#5eead4;--good:#5eead4;--soft:#152238;--shadow:0 20px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 0,rgba(20,184,166,.08),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.gold-page{padding-top:2rem;padding-bottom:3rem}.gold-hero{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:clamp(3rem,7vw,5.5rem) 0 2rem}.gold-hero h1{max-width:620px;margin:.35rem 0 .8rem;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.96;letter-spacing:-.06em}.gold-hero .lede{max-width:710px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.65}.eyebrow{margin:0 0 .65rem;color:var(--brand);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.freshness{min-width:200px;text-align:right;display:grid;gap:.35rem}.freshness span{justify-self:end;border-radius:999px;padding:.35rem .7rem;background:#dff7e8;color:#126b3e;font-size:.78rem;font-weight:700}.freshness span.delayed{background:#fff1d6;color:#8a5600}.freshness strong{font-size:1.2rem}.freshness small,.source-label{color:var(--muted);font-size:.82rem}.notice{padding:.85rem 1rem;border:1px solid var(--line);background:var(--panel);border-radius:12px;color:var(--muted);margin-bottom:2rem}.price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.price-card{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.price-card.silver{border-color:#b8c6d7}.price-card__heading{display:flex;justify-content:space-between;gap:.4rem;align-items:start}.price-card__heading span{font-weight:700}.price-card__heading small{color:var(--muted);font-size:.72rem;text-align:right}.price-card>strong{display:block;font-size:1.5rem;margin:1.3rem 0}.price-card dl{margin:0;display:grid;gap:.6rem}.price-card dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.55rem}.price-card dt,.price-card dd{font-size:.82rem;margin:0}.price-card dt{color:var(--muted)}.price-card dd{font-weight:650}.history-panel{margin-top:2rem;padding:1.3rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.history-chart{height:270px;margin-top:1rem}.history-chart svg{width:100%;height:230px;overflow:visible}.history-chart .axis{stroke:var(--line)}.history-chart .line{fill:none;stroke:#bd8500;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.history-chart circle{fill:var(--panel);stroke:#bd8500;stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.history-table{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.history-table div{display:grid;gap:.15rem;padding:.7rem;border-top:1px solid var(--line)}.history-table span{font-weight:700}.history-table strong{font-size:.9rem}.history-table small{color:var(--muted)}.disclaimer{color:var(--muted);font-size:.8rem;margin-top:1.2rem}.empty,.error{color:var(--muted)}
html[data-theme="dark"] .freshness span{background:#123c32;color:#8ff0c3}html[data-theme="dark"] .freshness span.delayed{background:#493719;color:#f5c76d}html[data-theme="dark"] .price-card.silver{border-color:#496077}
@media(max-width:900px){.price-grid{grid-template-columns:repeat(2,1fr)}.gold-hero{align-items:start;flex-direction:column}.freshness{text-align:left}.freshness span{justify-self:start}.history-table{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.price-grid{grid-template-columns:1fr}.history-table{grid-template-columns:1fr}.gold-page{padding-top:1rem}.gold-hero h1{font-size:2rem}}

/* v25.117 exact-value chart interaction */
.history-chart{position:relative;touch-action:pan-y}.history-chart .chart-point,.history-chart .chart-active-point{fill:var(--panel);stroke:#bd8500;stroke-width:2}.history-chart .chart-active-point{fill:#bd8500;stroke:var(--panel);stroke-width:3;pointer-events:none}.history-chart .chart-guide{stroke:#bd8500;stroke-width:1.5;stroke-dasharray:4 4;opacity:.7;pointer-events:none}.history-chart .chart-hit{fill:transparent;stroke:transparent;cursor:crosshair;outline:none}.history-chart .chart-hit:focus{stroke:#bd8500;stroke-width:2;stroke-dasharray:2 2}.chart-tooltip{position:absolute;z-index:5;display:grid;gap:.12rem;min-width:170px;padding:.55rem .7rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);font-size:.76rem;line-height:1.35;pointer-events:none}.chart-tooltip[hidden]{display:none}.chart-tooltip strong{font-size:.8rem}.chart-tooltip span{color:var(--muted)}
