/* 2022–2024 archive of The Lyte Guide: lytesales.ai navy with the main site's green (#0A7A50) as the accent,
   so the archive reads as separate from the 2025 blues and the 2026 violet and pink.
   Loaded after storyline.css / guide.css; tokens, the edition label and the archive's "also shipped" list. */
:root{
  --bg:#F1F6F3; --surface:#FFFFFF; --ink:#0D1C3E; --muted:#4A6260; --line:#D3E4DC;
  --accent:#0A7A50; --accent-soft:#E3F1EA; --caution:#9A5800; --caution-soft:#FBF1E2;
  --wave:#C6E2D4; --band:#12235A; --on-band:#FFFFFF; --btn:#0A7A50; --on-btn:#FFFFFF; --brand-ink:#12235A;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0A1241; --surface:#12235A; --ink:#F2F6FC; --muted:#9DB5C0; --line:#1C3278;
    --accent:#6FD3A7; --accent-soft:#133A46; --caution:#F0A64A; --caution-soft:#33260F;
    --wave:#1C3278; --band:#1C3278; --on-band:#FFFFFF; --btn:#0A7A50; --on-btn:#FFFFFF; --brand-ink:#CDEBDD;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0A1241; --surface:#12235A; --ink:#F2F6FC; --muted:#9DB5C0; --line:#1C3278;
  --accent:#6FD3A7; --accent-soft:#133A46; --caution:#F0A64A; --caution-soft:#33260F;
  --wave:#1C3278; --band:#1C3278; --on-band:#FFFFFF; --btn:#0A7A50; --on-btn:#FFFFFF; --brand-ink:#CDEBDD;
  color-scheme:dark;
}
.fab{box-shadow:0 6px 20px rgba(10,18,65,.28)}
.brand .ed{white-space:nowrap; color:var(--accent)}

/* "Also shipped": the smaller updates in a year, one line each, after that year's highlights. */
.also{display:flex; flex-direction:column; gap:10px; border:1px solid var(--line); background:var(--surface); border-radius:10px; padding:16px 20px}
.also ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:6px 24px}
.also li{display:grid; grid-template-columns:56px 1fr; gap:10px; font-size:.95rem; min-width:0}
.also .ts{padding-top:2px; font-size:11px}
@media (max-width:520px){ .also ul{grid-template-columns:1fr} .also{padding:14px 16px} }
/* Keep the "what changed names" table inside the page on phones. */
.renames table{table-layout:fixed}
.renames th, .renames td{overflow-wrap:anywhere}