/* Shared stylesheet for RTK-EASY user guides. Kept separate and cached
   across all four manual pages so adding guides never bloats index.html. */
:root{
  --bg:#f4f6f9; --surface:#ffffff; --sunk:#e9edf3; --ink:#0e1a30; --muted:#566278; --line:#d6dce6;
  --board:#13306a; --board-2:#0c2250; --on-board:#e8eefb; --on-board-muted:#a9b8d8;
  --copper:#8f6515; --copper-bright:#d6a441; --ok-bg:#e8f5ee; --fix:#17864a;
  --f-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0a1120; --surface:#101a2e; --sunk:#0d1628; --ink:#e6ecf6; --muted:#9aa7bf; --line:#22304b;
  --board:#122c63; --board-2:#0a1d45; --on-board:#e8eefb; --on-board-muted:#a9b8d8;
  --copper:#e0b457; --copper-bright:#e8bd5f; --ok-bg:#0f2a1d; --fix:#41c97f; color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:var(--copper)}
.gbar{background:var(--board);color:var(--on-board)}
.gbar .in{max-width:820px;margin:0 auto;padding:16px clamp(16px,4vw,32px);display:flex;align-items:center;gap:14px}
.gbar a{color:var(--on-board-muted);text-decoration:none;font:500 .85rem/1 var(--f-mono)}
.gbar a:hover{color:#fff}
.wrap{max-width:820px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,32px) 80px}
.eyebrow{font:500 .75rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
h1{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:clamp(1.6rem,4vw,2.3rem);margin:10px 0 6px;letter-spacing:-.01em}
.lede{color:var(--muted);font-size:1.05rem;max-width:60ch;margin:0 0 8px}
.ver{color:var(--muted);font:500 .8rem/1 var(--f-mono);margin-bottom:36px}
h2{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:1.3rem;margin:44px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:20px}
h3{font-size:1.02rem;font-weight:700;margin:20px 0 8px}
p{color:var(--ink);margin:0 0 12px}
p.m{color:var(--muted)}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:6px}
code,pre{font-family:var(--f-mono)}
code{background:var(--sunk);border-radius:4px;padding:.15em .4em;font-size:.9em}
pre{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px;overflow-x:auto;font-size:.86rem;line-height:1.55;margin:0 0 16px}
pre .k{color:var(--copper)}
.endpoint{display:inline-block;font:700 .82rem/1 var(--f-mono);background:var(--board);color:var(--on-board);border-radius:6px;padding:6px 10px;margin:6px 0 10px}
table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.92rem}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font:500 .74rem/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--sunk)}
td code{white-space:nowrap}
.note{background:var(--sunk);border-radius:8px;padding:14px 16px;font-size:.94rem;color:var(--muted);margin:0 0 16px}
.warn{border:1.5px solid #b3261e;background:#fbeceb;border-radius:8px;padding:14px 16px;font-size:.94rem;margin:0 0 16px}
:root[data-theme="dark"] .warn,@media (prefers-color-scheme:dark){.warn{background:#2a1418;border-color:#f0746a}}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:24px 0 8px}
.toc b{display:block;font:600 .78rem/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.toc ol{columns:2;column-gap:24px;margin:0;padding-left:18px;font-size:.92rem}
.toc li{break-inside:avoid}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:20px;color:var(--muted);font-size:.85rem}
@media (max-width:600px){.toc ol{columns:1}}