/* Делоскоп — дизайн-система v1 (claude/Дизайн_система_v1.md §2.5). Шрифт Onest — /css/fonts.css (подключать рядом, со своего сервера). */
:root{
 --bg:#F5F5F2;--surface:#FFFFFF;--surface-2:#EEEEEA;--ink:#1D1D1F;--ink-2:#48484C;--muted:#6B6B70;--line:#E6E6E1;
 --accent:#0B63E5;--accent-hover:#084BB0;--accent-soft:#EAF1FD;--on-accent:#FFFFFF;
 --ok:#16723F;--ok-bg:#E8F5EE;--warn:#9A5B00;--warn-bg:#FFF4E0;--high:#C2410C;--high-bg:#FFEDE3;--bad:#B3261E;--bad-bg:#FDECEA;
 --font:Onest,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --t-display:clamp(44px,6.4vw,72px);--t-h1:clamp(36px,4.6vw,56px);--t-h2:clamp(28px,3.2vw,40px);--t-h3:22px;
 --t-lead:20px;--t-body:17px;--t-small:15px;--t-caption:13px;
 --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
 --wide:1200px;--text:760px;--gutter:clamp(16px,5vw,48px);--section:clamp(64px,9vw,120px);
 --r-s:10px;--r-m:16px;--r-l:24px;--r-xl:32px;--r-pill:999px;
 --shadow:0 1px 2px rgba(29,29,31,.04),0 12px 32px rgba(29,29,31,.06);
 --ease:cubic-bezier(.2,.7,.2,1);--fast:160ms;--slow:240ms;
 --header-h:64px;
}
@media (max-width:640px){:root{--t-lead:18px;--t-body:16px;--header-h:56px}}
/* тёмная тема — включим в P2: [data-theme=dark]{--bg:#111113;--surface:#1C1C1F;--surface-2:#26262A;--ink:#F5F5F2;--ink-2:#C7C7CC;--muted:#9A9AA0;--line:#2E2E33;--accent:#5B9BFF;--accent-hover:#7FB0FF;--accent-soft:#16243D;--on-accent:#0B0B0C} */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--t-body)/1.55 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:600;text-wrap:balance}
h1{font-size:var(--t-h1);line-height:1.06;letter-spacing:-.02em}
h2{font-size:var(--t-h2);line-height:1.1;letter-spacing:-.02em}
h3{font-size:var(--t-h3);line-height:1.25;letter-spacing:-.01em}
p{margin:0}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:calc(var(--wide) + 2*var(--gutter));margin:0 auto;padding-inline:var(--gutter)}
.wrap--text{max-width:calc(var(--text) + 2*var(--gutter))}
.section{padding-block:var(--section)}
.lead{font-size:var(--t-lead);line-height:1.5;color:var(--ink-2);max-width:680px}
.eyebrow{font-size:var(--t-caption);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.small{font-size:var(--t-small)} .caption{font-size:var(--t-caption);color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.card{background:var(--surface);border-radius:var(--r-l);padding:clamp(20px,3vw,32px)}
/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:var(--r-pill);border:0;font:600 16px/1 var(--font);text-decoration:none;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}
.btn--primary{background:var(--accent);color:var(--on-accent)} .btn--primary:hover{background:var(--accent-hover);color:var(--on-accent)}
.btn--secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)} .btn--secondary:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.btn--ghost{background:transparent;color:var(--accent);padding:0 12px}
.btn--lg{min-height:56px;padding:0 28px;font-size:17px}
.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
@media (max-width:640px){.btn{min-height:52px}}
/* поле ИНН */
.search{display:flex;gap:8px;padding:8px;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow);max-width:560px}
.search input{flex:1;min-width:0;border:0;background:transparent;font:400 18px/1.2 var(--font);color:var(--ink);padding:0 16px;min-height:48px}
.search input::placeholder{color:var(--muted)} .search input:focus{outline:none} .search:focus-within{box-shadow:var(--shadow),0 0 0 3px var(--accent)}
@media (max-width:640px){.search{flex-direction:column;border-radius:var(--r-l)}.search .btn{width:100%}}
/* метки */
.badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-pill);font:600 14px/1 var(--font);white-space:nowrap}
.badge--ok{color:var(--ok);background:var(--ok-bg)} .badge--warn{color:var(--warn);background:var(--warn-bg)}
.badge--high{color:var(--high);background:var(--high-bg)} .badge--bad{color:var(--bad);background:var(--bad-bg)}
.badge--new{color:var(--accent);background:var(--accent-soft)}
.tag-soon{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font:500 12px/1.4 var(--font);letter-spacing:.02em;vertical-align:middle}
/* строка факта */
.fact{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-top:1px solid var(--line);font-size:var(--t-small)}
.fact__v{font-weight:600;text-align:right} .fact__src{grid-column:1/-1;font-size:var(--t-caption);color:var(--muted)}
.fact__v--ok{color:var(--ok)} .fact__v--warn{color:var(--warn)} .fact__v--high{color:var(--high)} .fact__v--bad{color:var(--bad)}
/* пояснение «?» */
.q{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:0;background:var(--surface-2);color:var(--ink-2);font:600 12px/1 var(--font);cursor:help;vertical-align:1px;margin-left:4px}
.q:hover,.q[aria-expanded=true]{background:var(--accent);color:var(--on-accent)}
.pop{position:absolute;z-index:50;max-width:320px;padding:14px 16px;background:var(--surface);color:var(--ink);border-radius:var(--r-m);box-shadow:var(--shadow);font-size:var(--t-small);line-height:1.45}
/* таблица */
.table{width:100%;border-collapse:collapse;font-size:var(--t-small)} .table th{text-align:left;font:500 var(--t-caption)/1.4 var(--font);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:0 12px 10px}
.table td{padding:14px 12px;border-top:1px solid var(--line);vertical-align:top} .table td.num{text-align:right;font-variant-numeric:tabular-nums}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* сегмент-переключатель */
.seg{display:inline-flex;padding:4px;background:var(--surface-2);border-radius:var(--r-pill)}
.seg button{min-height:40px;padding:0 18px;border:0;border-radius:var(--r-pill);background:transparent;font:500 15px/1 var(--font);color:var(--ink-2);cursor:pointer}
.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* ——— дополнения site-v3 (26.09): временная шапка документов и шаблон документа на ширине 760 ——— */
.hdr{position:sticky;top:0;z-index:20;height:var(--header-h);background:rgba(245,245,242,.88);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:var(--s-5)}
.hdr__logo{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:600;letter-spacing:-.02em;margin-right:auto}
.hdr__logo:hover{color:var(--ink)}
.hdr__nav{display:flex;gap:var(--s-5)}
.hdr__nav a{color:var(--ink-2);text-decoration:none;font-size:15px;font-weight:500}
.hdr__nav a:hover{color:var(--ink)}
.hdr .btn{min-height:40px;padding:0 18px;font-size:15px}
@media (max-width:1024px){.hdr__nav{display:none}}
.doc{padding-block:var(--s-7) var(--s-9)}
.doc .crumbs{font-size:var(--t-small);color:var(--muted);margin-bottom:var(--s-4)}
.doc .crumbs a{color:var(--muted);text-decoration:none}
.doc h1{margin-bottom:var(--s-3)}
.doc .meta{font-size:var(--t-small);color:var(--muted);margin-bottom:var(--s-6)}
.doc .lead{margin-bottom:var(--s-6)}
.doc h2{font-size:var(--t-h3);line-height:1.25;letter-spacing:-.01em;margin:var(--s-7) 0 var(--s-3)}
.doc p{margin:0 0 var(--s-3);color:var(--ink-2)}
.doc ol,.doc ul{margin:0 0 var(--s-4);padding-left:1.4em;color:var(--ink-2)}
.doc li{margin:0 0 var(--s-2)}
.doc li>ol,.doc li>ul{margin-top:var(--s-2)}
.doc strong{color:var(--ink)}
.doc .card{margin:var(--s-5) 0}
.doc .card p:last-child{margin-bottom:0}
.doc .table{margin:var(--s-2) 0 var(--s-5);background:var(--surface);border-radius:var(--r-m)}
.doc .table th{padding-top:12px}
.doc .toc{columns:2;column-gap:var(--s-6);list-style:none;padding:0;font-size:var(--t-small)}
.doc .toc li{break-inside:avoid}
@media (max-width:640px){.doc .toc{columns:1}}
.note{background:var(--accent-soft);border-radius:var(--r-m);padding:var(--s-4) var(--s-5);color:var(--ink-2);font-size:var(--t-small)}
@media (prefers-reduced-motion:reduce){*{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}}