/* Общие стили всех страниц: переменные (цвета, шрифты, отступы, контейнер) и базовые правила */
:root{
  --white:#FFFFFF;--paper:#F4F4F3;--paper-2:#ECECEB;--line:#DCDCDC;--grey:#C7C7C7;--muted:#5F5F5F;
  --graphite:#2E2E2E;--ink:#1B1B1B;--red:#E22729;--red-ink:#B81C1E;--red-soft:rgba(226,39,41,.12);
  --f-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --f-body:"Onest","PT Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));
  --max:1360px;--hdr:72px;
  --ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --fg:var(--ink);--fg-2:var(--graphite);--fg-m:var(--muted);
  color-scheme:light;
}
@media (min-width:1061px){:root{--gl:max(56px,env(safe-area-inset-left,0px));--gr:max(56px,env(safe-area-inset-right,0px))}}
*{box-sizing:border-box}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.sw{white-space:nowrap}
