@font-face{font-family:Inter;src:url(/assets/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#f4f6f8; --card:#fff; --fg:#18252b; --muted:#5d6f78; --muted-bg:#edf2f4;
  --border:#e0e7eb; --input:#dce4e8; --focus:var(--primary);
  --primary:#087e72; --accent:#e9f4f1; --accent-fg:#086c60;
  --side:#142b32; --side-acc:#234048; --side-fg:#d1dce0; --side-muted:#7d949b; --side-lead:#9fb3b9;
  --side-border:#2a4148; --side-pri:#b6f0d9;
  --amber-bg:#fdf5e8; --amber-fg:#8a5a12; --amber-line:#f3dcb3;
  --red:#b93b3b; --red-bg:#fbecec; --indigo-bg:#eef2fa; --indigo-fg:#4b5f86;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--accent-fg);text-decoration:none}
/* Обводка фокуса — одна на все интерактивные элементы демо (#178): свою страницы не
   рисуют и не гасят. На тёмных областях (класс ondark) --primary даёт меньше 3:1 —
   там та же обводка светлым цветом панели. */
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ondark{--focus:var(--side-pri)}