@layer pages {
/* Докто — «умный городской справочник» (план v1, 26.09.2026).
   Молочный фон с зелёным оттенком, изумрудный основной, абрикосовые акценты,
   красный — только для «срочно 103». Пиктограммы органов, без фото людей.
   Семейная деталь с ОфтальмОленькой — строка метаданных моноширинным шрифтом.
   Цвета и шрифты живут в sites/dockto/tokens.json (→ static/tokens.css, подключён раньше этого файла); --urgent берётся оттуда же.
   Здесь — старые имена как алиасы на роли: [data-scope] нужен, чтобы алиасы пересчитывались внутри scope. */
:root,[data-scope]{
  --bg:var(--surface); --paper:var(--surface-2); --ink:var(--text); --ink-2:var(--text-2); --muted:var(--text-muted);
  --line:var(--border); --line-2:var(--border-strong);
  --em:var(--accent); --em-hover:var(--accent-hover); --em-deep:var(--accent-ink); --em-soft:var(--accent-soft); --em-tint:var(--surface-sunken);
  --apricot:var(--color-apricot); --apricot-soft:var(--color-apricot-soft); --apricot-ink:var(--color-apricot-ink);
  --urgent-soft:var(--urgent-surface);
  --navy:var(--color-navy); --iris:var(--color-iris); --cyan:var(--color-cyan);
  --display:var(--font-display);
  --body:var(--font-body);
  --mono:var(--font-mono);
}
:root{--r:var(--card-radius); --shadow:var(--shadow-md)}
html{scroll-behavior:smooth;color-scheme:var(--color-scheme,light);overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:calc(17px*var(--text-scale,1));line-height:var(--text-line-height,1.55);letter-spacing:var(--text-tracking,normal);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--em)} a:hover{color:var(--em-hover)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.wrap.narrow{max-width:780px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} /* stylelint-disable-line declaration-no-important -- существующий !important (до DS-3), перенесён без изменений */

h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;text-wrap:balance;margin:0}
h1{font-size:clamp(28px,4.4vw,48px);line-height:1.1}
h2{font-size:clamp(22px,2.6vw,30px);line-height:1.2}
p{margin:0}
.lead{font-size:19px;color:var(--ink-2);max-width:62ch}
.meta{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--muted);text-transform:lowercase}
.eyebrow{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--iris)}

/* ── шапка ── */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--head-bg);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--head-blur));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--head-blur));border-bottom:1px solid var(--line)}
.row{display:flex;align-items:center;gap:24px;min-height:64px}
.logo{text-decoration:none;color:var(--ink);margin-right:auto}
.logo-name{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.03em;color:var(--ink)}
.lens{display:inline-block;position:relative;color:var(--em)}
.lens::after{content:"";position:absolute;inset:.18em -.06em .02em;border:2px solid var(--em);border-radius:50%;box-shadow:inset 0 0 0 3px var(--em-soft);opacity:.9}
.nav{display:flex;gap:6px}
.nav a{color:var(--ink-2);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:10px}
.nav a:hover,.nav a.on{background:var(--em-tint);color:var(--em-deep)}
.nav-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;padding:8px;color:var(--ink);cursor:pointer}
@media (max-width:760px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 20px 16px}
  .nav.open{display:flex}
}

/* ── первый экран ── */
.hero{padding-block:56px 48px;background:radial-gradient(900px 380px at 85% -10%,var(--em-soft),transparent 70%),radial-gradient(600px 300px at -10% 110%,var(--apricot-soft),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
.hero h1{margin:14px 0 18px}
.hero .lead{margin-bottom:26px}
.search{position:relative;max-width:620px}
.search input{width:100%;font:inherit;font-size:18px;padding:17px 20px 17px 52px;border-radius:16px;border:1.5px solid var(--line-2);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230b6b5f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px center;box-shadow:var(--shadow);color:var(--ink)}
.search input:focus{outline:none;border-color:var(--em)}
.sresults{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:5}
.sresults a{display:block;padding:12px 18px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}
.sresults a:first-child{border-top:0}
.sresults a:hover,.sresults a.act{background:var(--em-tint)}
.sresults .none{padding:12px 18px;color:var(--muted)}
.tags{margin-top:16px;color:var(--muted);font-size:15px}
.tags a{display:inline-block;margin:4px 4px 0 0;padding:4px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink-2);font-size:14px}
.tags a:hover{border-color:var(--em);color:var(--em)}
.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}
.hc-head{font-weight:600;margin-bottom:12px}
.hc-list{margin:0 0 16px;padding-left:22px;display:grid;gap:8px;color:var(--ink-2)}
.hc-list li::marker{font-family:var(--mono);color:var(--em)}
.hc-list li.red{color:var(--urgent)}
.hc-list li.red::marker{color:var(--urgent)}
@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* ── блоки ── */
.block{padding-block:56px}
.block.alt{background:var(--paper);border-block:1px solid var(--line)}
.bhead{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.bhead p{color:var(--muted);max-width:52ch}
.more{margin-top:22px}

.dgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.dgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.dgrid{grid-template-columns:minmax(0,1fr)}}
/* карточки направлений/сервисов/врача — макрос сайта sites/dockto/templates/components/site-card.html
   (§3.2 плана дизайн-системы: .dcard/.scard/.ecard → c-card; макрос НЕ движковый c-card — см. комментарий
   в файле макроса, — поэтому это обычная переопределяемая часть стиля сайта, как раньше). */
.c-card--dir{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.c-card--dir:hover{border-color:var(--em);transform:translateY(-2px);color:var(--ink)}
.c-card--dir .ico{color:var(--em);margin-bottom:6px}
.c-card--dir .c-card__title{font-weight:600;font-size:18px}
.c-card--dir .c-card__desc{color:var(--ink-2);font-size:15px}
.c-card--dir .c-card__asks{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.c-card--dir.c-card--eye{background:linear-gradient(160deg,var(--color-navy),var(--color-navy-2));border-color:transparent;color:var(--text)}
.c-card--dir.c-card--eye .ico{color:var(--accent)} .c-card--dir.c-card--eye .c-card__desc{color:var(--text-2)} .c-card--dir.c-card--eye .c-card__asks{color:var(--text-muted)}
.c-card--dir.c-card--eye:hover{color:var(--text)}

.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:760px){.sgrid{grid-template-columns:minmax(0,1fr)}}
.c-card--service{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r);background:var(--em-tint);border:1px solid transparent;text-decoration:none;color:var(--ink)}
a.c-card--service:hover{border-color:var(--em);color:var(--ink)}
.c-card--service .ico{color:var(--em);margin-bottom:6px}
.c-card--service .c-card__title{font-weight:600;font-size:18px}
.c-card--service .c-card__desc{color:var(--ink-2);font-size:15px}
.c-card--service .c-card__go{margin-top:auto;padding-top:10px;font-weight:600;color:var(--em)}
.c-card--service.c-card--soon{background:var(--bg);border:1px dashed var(--line-2)}
.c-card--service.c-card--soon .c-card__go{color:var(--muted);font-family:var(--mono);font-weight:400;font-size:13px}

.eyeband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center;background:linear-gradient(150deg,var(--color-navy),var(--color-navy-2));color:var(--text);border-radius:24px;padding:40px}
.eyeband h2{margin:8px 0 12px} .eyeband p{color:var(--text-2)} .eyeband .eyebrow{color:var(--accent)}
.eyeband .c-btn--eye{margin-top:22px}
.eyelinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eyelinks a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:12px;background:var(--alpha-text-08);border:1px solid var(--alpha-text-14);color:var(--text);text-decoration:none}
.eyelinks a span{color:var(--color-sky-2);font-size:14px}
.eyelinks a:hover{background:var(--alpha-text-14);color:var(--text)}
@media (max-width:860px){.eyeband{grid-template-columns:minmax(0,1fr);padding:28px 22px}}
@media (max-width:480px){.eyelinks{grid-template-columns:1fr}}

.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.pcard{border-top:2px solid var(--em);padding-top:14px}
.pcard p{color:var(--ink-2);font-size:15.5px;margin-top:8px}
.pnum{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--em)}

/* ── кнопки ──
   Раньше — .btn/.btn-eye (использовался только этот один вариант; .btn-main не выводился ни на одной
   странице — мёртвый CSS, удалён без замены). Теперь — движковый c-btn (engine/templates/components/btn.html,
   engine/static/components/btn.css), свой вариант --eye: полный переопределённый набор свойств (не только
   цвет), чтобы не зависеть от токенов кнопки движка — тем самым нулевой риск для витрины /_design/,
   где движковый c-btn показывает свои generic-примеры без варианта --eye. */
.c-btn--eye{display:inline-flex;align-items:center;height:auto;font:inherit;font-weight:600;padding:13px 22px;border-radius:12px;text-decoration:none;border:0;box-shadow:none;cursor:pointer;background:var(--cyan);color:var(--navy)}
.c-btn--eye:hover{background:var(--color-cyan-2);color:var(--navy)}

/* ── внутренние страницы ── */
.phead{padding-block:34px 36px;background:linear-gradient(180deg,var(--em-tint),var(--bg));border-bottom:1px solid var(--line)}
.phead h1{margin:10px 0 12px}
.phead .meta{margin-top:18px}
.phead-row{display:flex;gap:20px;align-items:flex-start}
.phead-row .ico{flex:none;color:var(--em);margin-top:8px}
.eyehead{background:linear-gradient(180deg,var(--color-iris-mist),var(--bg))}
.eyehead .ico{color:var(--iris)}
.crumbs{font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.plan{list-style:none;margin:18px 0;padding:0;display:grid;gap:8px}
.plan li{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.plan em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;align-self:center}
.note{color:var(--muted);font-size:15px}
.side{display:grid;gap:14px}
.side-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.side-card p{color:var(--ink-2);font-size:15px}
.fhead{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}
.asks-big{font-size:17px!important;color:var(--ink)!important} /* stylelint-disable-line declaration-no-important -- существующий !important (до DS-3), перенесён без изменений */
.olinks{display:flex;flex-wrap:wrap;gap:6px}
.olinks a{font-size:14px;padding:5px 10px;border-radius:999px;background:var(--em-tint);text-decoration:none;color:var(--em-deep)}
.egrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.c-card--doctor{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.c-card--doctor .c-card__title{font-size:18px;font-weight:700}
.c-card--doctor .c-card__desc{color:var(--ink-2);font-size:15px}
.c-card--doctor .c-card__note{font-style:normal;margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:12.5px;color:var(--iris)}
.c-card--doctor:hover{border-color:var(--iris);color:var(--ink)}
.prose{max-width:84ch;font-size:clamp(16.5px,calc(11px + .5vw),18px);line-height:1.7}
.prose h2{margin:32px 0 12px;font-size:22px}
.prose p{margin-bottom:12px;color:var(--ink-2)}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;color:var(--ink-2)}
.prose li{margin-bottom:6px}
.prose blockquote{margin:0 0 16px;padding:14px 18px;border-left:3px solid var(--em);background:var(--em-tint);border-radius:0 12px 12px 0;color:var(--ink-2)}
.prose code{background:var(--em-tint);padding:2px 6px;border-radius:6px;font-family:var(--mono);font-size:.9em}
.prose .tbl{overflow-x:auto;margin-bottom:16px}
.prose table{width:100%;border-collapse:collapse}
.prose th,.prose td{padding:8px 10px;border-top:1px solid var(--line);text-align:left}

/* ── статьи и анализы ── */
.byline{margin:12px 0 6px;color:var(--muted);font-size:14px}
.byline a{color:var(--em)}
.expert{margin:6px 0 0;font-size:14px;color:var(--ink-2)}
.short{background:var(--em-tint);border:1px solid var(--em-soft);border-radius:var(--r);padding:18px 20px;margin:22px 0}
.short .eyebrow{display:block;margin-bottom:8px}
.short p{margin-bottom:8px;color:var(--ink)}
.short p:last-child{margin-bottom:0}
.art-cover{width:100%;border-radius:var(--r);margin:16px 0;object-fit:cover;aspect-ratio:16/9}
.disclaimer-inline{margin-top:26px;padding:14px 16px;background:var(--apricot-soft);border-radius:12px;color:var(--apricot-ink);font-size:14.5px}
.callout-urgent{margin:22px 0;padding:16px 20px;border-radius:var(--r);border-left:4px solid var(--urgent);background:var(--urgent-soft)}
.callout-urgent h2{margin:0 0 10px !important;font-size:20px;color:var(--urgent)} /* stylelint-disable-line declaration-no-important -- существующий !important (до DS-3), перенесён без изменений */
.callout-urgent p{margin-bottom:8px;color:var(--ink-2)}
.callout-urgent p:last-child{margin-bottom:0}

/* ── статья: «резиновая» трёхколоночная раскладка (27.09, перенесено с ОфтальмОленьки) ──
   боковые колонки и шрифт следуют за окном плавно, текст забирает остальное; строка до 84 знаков в .prose. */
.article-grid{display:grid;grid-template-columns:clamp(160px,13vw,220px) minmax(0,1fr) clamp(220px,17vw,290px);gap:clamp(24px,2.6vw,48px);justify-content:center}
.wrap.article-grid{max-width:1480px}
body:has(.article-grid) .site-head .wrap{max-width:1480px} /* шапка страницы статьи — по ширине статьи */
@media (max-width:1180px){
  .article-grid{grid-template-columns:minmax(0,1fr) clamp(230px,26vw,290px)}
  .article-grid .toc{grid-column:1/-1;position:static;flex-direction:row;flex-wrap:wrap;gap:6px 18px}
}
@media (max-width:980px){
  .article-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .article-grid>*{min-width:0}
  .toc{position:static;order:0}
  .aside{position:static}
}
.toc{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-2)}
.toc .eyebrow{margin-bottom:2px;color:var(--muted)}
.toc a{color:var(--ink-2);text-decoration:none;font-size:14.5px;padding-left:12px;border-left:2px solid transparent}
.toc a:hover,.toc a.on{color:var(--em);border-color:var(--em);font-weight:600}
@media (max-width:1180px){.toc a{white-space:normal;padding:3px 0 3px 10px;border-left:2px solid var(--line)}}
.aside{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:16px}
.aside .c-card--service{padding:20px}
.side-card.urgent-card{background:var(--urgent-soft);border-color:var(--urgent)}
.side-card.urgent-card .eyebrow{color:var(--urgent)}
.side-card.urgent-card a{color:var(--urgent);font-weight:600}
.aside-slot[hidden]{display:none}

/* иллюстрации к разделам (конвейер, medengine/illustrations.py) */
.art-illus{margin:10px 0 26px}
.art-illus img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
.art-illus figcaption{margin-top:8px;font-size:14px;line-height:1.45;color:var(--muted)}
.sources{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.sources ol{padding-left:22px;color:var(--ink-2)}
.sources li{margin-bottom:6px}
.more{margin-top:26px}
.more .eyebrow{display:block;margin-bottom:10px;color:var(--muted)}
.more a{display:block;padding:8px 0;text-decoration:none;color:var(--em-deep);border-top:1px solid var(--line)}
.more a:first-of-type{border-top:0}
/* строка материала — свой макрос sites/dockto/templates/components/site-article-row.html, класс c-article-row */
.hub-list{display:grid;gap:0;margin:14px 0}
.hub-list .c-article-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:baseline;padding:12px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.hub-list .c-article-row:first-child{border-top:0}
.hub-list .c-article-row:hover .c-article-row__title{color:var(--em)}
.c-article-row__date{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.c-article-row__title{font-weight:600}
.c-article-row__desc{color:var(--muted);font-size:14px}
@media (max-width:640px){.hub-list .c-article-row{grid-template-columns:1fr;gap:2px}}
.ref{margin:14px 0 26px;display:grid;gap:16px}
.ref-group h3{font-family:var(--mono);font-size:13px;color:var(--em);text-transform:uppercase;margin-bottom:8px}
.ref-items{display:flex;flex-wrap:wrap;gap:8px}
.ref-items a{padding:6px 12px;border-radius:999px;background:var(--em-tint);color:var(--em-deep);text-decoration:none;font-size:14px}
.ref-items a:hover{background:var(--em-soft)}

/* ── калькулятор ИМТ ── */
.calc{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fields label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:var(--ink-2)}
.fields input{font:inherit;font-size:22px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;width:100%}
.fields input:focus{outline:none;border-color:var(--em)}
.result{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:24px 0 16px}
.rnum{font-family:var(--display);font-size:56px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--em-deep)}
.rcat{font-size:19px;font-weight:600}
.scale{position:relative;display:grid;grid-template-columns:3.5fr 6.5fr 5fr 5fr 5fr 5fr;height:10px;border-radius:999px;overflow:visible}
.scale i{display:block;height:10px}
.scale .s1{background:var(--scale-1);border-radius:999px 0 0 999px}.scale .s2{background:var(--scale-2)}.scale .s3{background:var(--scale-3)}
.scale .s4{background:var(--scale-4)}.scale .s5{background:var(--scale-5)}.scale .s6{background:var(--scale-6);border-radius:0 999px 999px 0}
.scale b{position:absolute;top:-5px;width:4px;height:20px;border-radius:2px;background:var(--ink);left:0;transition:left .2s}
.err{color:var(--urgent);margin-top:12px;font-size:15px}
.bmitab{width:100%;border-collapse:collapse;font-size:15px}
.bmitab td{padding:7px 0;border-top:1px solid var(--line)}
.bmitab td:first-child{font-family:var(--mono);font-size:13.5px;white-space:nowrap;padding-right:12px;color:var(--ink)}
.bmitab tr:first-child td{border-top:0}
@media (max-width:420px){.fields{grid-template-columns:1fr}.rnum{font-size:46px}}

/* ── чек-лист «Какие анализы сдать» ── */
.chk-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:20px 0}
.chk-form label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:var(--ink-2)}
.chk-form input,.chk-form select{font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink)}
.chk-form input:focus,.chk-form select:focus{outline:none;border-color:var(--em)}
.chk-msg{color:var(--urgent);font-weight:500;margin:0 0 16px}
.chk-wrap{overflow-x:auto;margin-bottom:8px}
.chk-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}
.chk-table th,.chk-table td{padding:9px 10px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.chk-table thead th{border-top:0;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}
.chk-table tbody tr[hidden]{display:none}

/* ── подвал ── */
.site-foot{background:var(--surface);color:var(--text-2);padding-block:36px 28px;margin-top:0}
.site-foot a{color:var(--text)}
.urgent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--color-red-soft);color:var(--color-red);border-radius:12px;padding:12px 16px;font-weight:600;margin-bottom:30px}
.urgent a{color:var(--color-red)}
.urgent .ico{color:var(--color-red)}
.fgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
.fgrid .fhead{color:var(--text-muted)}
.fcol{display:flex;flex-direction:column;gap:6px}
.fcol a{text-decoration:none;font-size:15px}
.fcol a:hover{text-decoration:underline}
.fabout .logo-name{color:var(--color-white)}
.fabout .lens,.fabout .lens::after{color:var(--accent);border-color:var(--accent);box-shadow:none}
.fabout p{margin-top:8px;font-size:15px}
.disclaimer{margin-top:28px;font-size:14px;color:var(--color-mint-mute);max-width:80ch}
.legal{margin-top:10px;font-size:13px;color:var(--text-muted)}
@media (max-width:760px){.fgrid{grid-template-columns:1fr}}
}