/* Shared styles for stock deep-dive pages (used with site.css) */
:root{--up-bg:#cdebd6;--up-ink:#0e4d27;--dn-bg:#f7c9c6;--dn-ink:#7d1712;--eq-bg:#fbefc3;--eq-ink:#6b5200}
@media (prefers-color-scheme:dark){:root{--up-bg:#1d5a34;--up-ink:#d4f5de;--dn-bg:#6e2522;--dn-ink:#ffd9d6;--eq-bg:#5a4a12;--eq-ink:#fbeeb8}}
.topnav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:14px;color:var(--ink-3)}
.topnav a{color:var(--gold);text-decoration:none;font-weight:500}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:22px 0 6px}
.tiles div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:grid;gap:2px}
.tiles span{font-size:12px;color:var(--ink-3)}
.tiles b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.keys{padding-left:20px;max-width:72ch}
.keys li{margin-bottom:8px}
.prose{max-width:72ch}
table.data{border-collapse:collapse;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-variant-numeric:tabular-nums;font-size:14px}
table.data th,table.data td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
table.data th:first-child,table.data td:first-child{text-align:left}
table.data thead th{font-family:"IBM Plex Sans Condensed",sans-serif;color:var(--ink-3);font-weight:600}
table.data td{font-family:"IBM Plex Mono",monospace;font-size:13px}
table.data td:first-child{font-family:"IBM Plex Sans",sans-serif;font-size:14px}
table.data tr.hl td{font-weight:600}
td.up{background:var(--up-bg);color:var(--up-ink)}
td.dn{background:var(--dn-bg);color:var(--dn-ink)}
td.eq{background:var(--eq-bg);color:var(--eq-ink)}
.caveat{font-size:13px;color:var(--ink-3);margin:8px 0 0}
.src{font-size:13.5px;color:var(--ink-2)}
.note{font-size:13px;color:var(--ink-3);margin:6px 0 0}
table.data.text th,table.data.text td{white-space:normal;text-align:left;vertical-align:top}
table.data.text td{font-family:"IBM Plex Sans",sans-serif;font-size:14px}
table.data.text td:first-child{white-space:nowrap;font-weight:500}