/* Setup guides: shared theme additions (UX round 2026-10-12). Loaded after each guide's own <style>.
   - the "A → B" menu-path arrow was #14b8a6 on white (2.5:1): now the darker teal (5.5:1)
   - dark mode for screens (the guides were white-only); print and the PDFs stay light */
.ui .arr{color:var(--teal)}
@media screen and (prefers-color-scheme:dark){
  :root{--teal:#2dd4bf;--teal-2:#2dd4bf;--teal-bg:#0f2724;--teal-line:#1f4f49;--ink:#e7f2ec;--ink-2:#c9d6d1;--muted:#9fb3ad;--line:#24302c;--soft:#141b19;
    --amber:#fbbf24;--amber-bg:#261f0e;--amber-line:#5c4a1a;--red:#fca5a5;--red-bg:#2a1414;--red-line:#5c2323;--blue:#93c5fd;--blue-bg:#111c2e;--blue-line:#1e3a5f;color-scheme:dark}
  body{background:#0b0f0e}
  a:hover{color:#5eead4}
  .topbar{background:rgba(11,15,14,.94)}
  .brand img{background:#fff;border-radius:6px;padding:3px 6px;box-sizing:content-box}
  .btn{color:#04140d}.btn:hover{background:#5eead4;border-color:#5eead4;color:#04140d}
  .btn.ghost{background:transparent;color:var(--teal)}.btn.ghost:hover{background:var(--teal-bg);color:#5eead4}
  .card{background:#121917}.card:hover{color:var(--ink-2)}
  kbd{background:#121917;border-color:#3a4a44}
  ol.steps>li::before{color:#04140d}
  .copybox{border-color:#3a4a44}
}