/* Примадок — production stylesheet
   Design tokens + reusable components. No inline styles, no external fonts/CDNs. */

:root{
  --bg:#FCFBF9; --surface:#fff; --surface-2:#F5F2EC;
  --ink:#1C1B19; --muted:#4f4b44; --subtle:#655f57; --faint:#736e66;
  --line:#E7E3DC; --line-2:#F0EBE5;
  /* Акцент = синий из логотипа (цвет точки #3b4ee0). Прежний тёмно-синий #1F3A5F выглядел мрачно.
     --accent-ink — затемнённый вариант для hover/active. Белый текст на #3b4ee0 = контраст 6.3:1 (AA). */
  --accent:#3b4ee0; --accent-ink:#2f3eb3;
  --tint:#EEF1F6; --tint-2:#E7EDF4; --tint-line:#DCE3EC; --tint-soft:#F5F8FC;
  --green:#1F8A5B; --green-bg:#E7F4EE; --amber:#8a6d2a; --amber-bg:#F5EFE0;
  /* единый радиус закруглений по всему сайту — 7px (кроме кругов 50%: аватары/точки/номера шагов) */
  --radius:7px; --radius-lg:7px; --radius-pill:7px;
  --maxw:1360px; --maxw-mid:860px; --maxw-read:760px;
  --serif:Georgia,"Times New Roman",serif;
  --danger:#b3261e;
  --sans:'Onest',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --shadow-card:0 16px 34px -22px rgba(31,58,95,.34);
  --shadow-pop:0 26px 44px -26px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
main{background:#fff;flex:1 0 auto}   /* §6.3: растягиваем контент, чтобы футер прижимался к низу */
textarea,input,select,button{font-family:inherit}
/* Единое базовое оформление ВСЕХ полей ввода. :where() = нулевая специфичность, поэтому любые
   классовые правила (.search input, .field input, инлайн-стили) легко переопределяют базу. */
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=image]),textarea,select){padding:10px 12px;border:1px solid #D8DEE7;border-radius:7px;font-size:15px;line-height:1.45;outline:none;color:var(--ink);background:var(--surface);transition:border-color .12s,box-shadow .12s;max-width:100%}
:where(textarea){min-height:100px;resize:vertical}
:where(select){appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select):hover{border-color:#B7C0CC}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}
:where(input,textarea)::placeholder{color:var(--subtle)}
/* §1.8: страховка от горизонтального «гуляния» страницы на мобиле. clip (не hidden) — не ломает
   position:sticky (липкий предпросмотр/CTA). Плюс никакой блок не должен вылезать за вьюпорт. */
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:clip;display:flex;flex-direction:column;min-height:100vh}
img,svg,video,canvas,table,pre{max-width:100%}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .15s ease,transform .15s ease}
button{font-family:inherit}
h1,h2,h3,h4{margin:0;font-weight:700}
p{margin:0}
ul,ol{margin:0}

/* icons */
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;vertical-align:middle;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ic-sm{width:16px;height:16px}
.ic-lg{width:24px;height:24px}
.ic-accent{color:var(--accent)}

/* layout */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}
.wrap-narrow{max-width:var(--maxw-read)}
.read{max-width:var(--maxw-read);margin:0 auto;padding:0 40px}
.section{padding:52px 0}
.section-sm{padding:36px 0}
.stack-lg{margin-top:44px}
.divider-top{border-top:1px solid var(--line)}
.divider-bottom{border-bottom:1px solid var(--line)}

/* typography */
.serif{font-family:var(--serif)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle)}
.h1{font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.4vw,52px);line-height:1.08;letter-spacing:-.01em}
/* Заголовок контентной страницы (карточка документа, скачивание, образец…) — меньше геройского .h1 */
.page-title{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.14;letter-spacing:-.01em;margin:0}
.h2{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.6vw,30px);line-height:1.15;letter-spacing:-.01em}
.h3{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.25}
.lead{font-size:18px;line-height:1.55;color:var(--muted)}
.muted{color:var(--muted)}
.subtle{color:var(--subtle)}
.small{font-size:15px}
.accent{color:var(--accent)}
.italic-accent{font-style:italic;font-weight:400;color:var(--accent)}
.center{text-align:center}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.header-bar{display:flex;align-items:center;justify-content:space-between;height:70px}
.header-left{display:flex;align-items:center;gap:26px}
.logo{display:flex;align-items:center;gap:3px;font-family:var(--serif);font-weight:700;font-size:21px}
.logo-img{height:26px;width:auto;display:block}
.logo .ic{color:var(--accent);width:20px;height:20px;stroke-width:2.6}
/* подчёркивание логотипа убрано по требованию бренда */
.nav{display:flex;align-items:center;gap:22px;font-size:14.5px;font-weight:600;color:#3a352f}
.nav a,.nav button{color:inherit}
.navbtn{display:flex;align-items:center;gap:5px;background:none;border:none;font:inherit;font-weight:600;padding:0;cursor:pointer}
.navbtn .ic{width:14px;height:14px;stroke-width:2.2}
.nav a:hover,.navbtn:hover{color:var(--accent)}
.navbtn[aria-expanded="true"]{color:var(--accent)}
.header-right{display:flex;align-items:center;gap:14px}
.icon-btn{width:38px;height:38px;border:1px solid #E0DBD2;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.icon-btn:hover{border-color:var(--accent);color:var(--accent)}
.link-strong{font-size:14.5px;font-weight:600;color:var(--accent)}
.burger{display:none;background:none;border:none;color:var(--muted);cursor:pointer;padding:6px}

/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-pop);z-index:40}
.mega[hidden]{display:none}
.mega-inner{max-width:var(--maxw);margin:0 auto;padding:26px 40px}
.mega-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:34px}
.mega-title{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.mega-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.mega-cat{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;padding:3px 0}
.mega-cat .ic{width:17px;height:17px;color:var(--accent);stroke-width:1.6}
.mega-cat .count{margin-left:auto;color:var(--faint);font-weight:500}
.mega-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:700;color:var(--accent)}
.mega-more .ic{width:15px;height:15px;stroke-width:2.2}
.mega-side{background:var(--surface-2);border-radius:7px;padding:20px}
.mega-side-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
.mega-side-row:last-of-type{border-bottom:none}
.mega-side-row .price{color:var(--accent);font-weight:700}
.mega-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mega-tiles.cols-3{grid-template-columns:repeat(3,1fr)}
.mega-tile{display:flex;align-items:center;gap:11px;border-radius:7px;padding:12px 13px;background:#F8F6F1;font-size:14px;font-weight:600}
.mega-tile:hover{background:var(--tint)}
.mega-tile.bordered{background:var(--surface);border:1px solid var(--line)}
.mega-tile.bordered:hover{border-color:var(--accent);background:var(--surface)}

/* icon chip */
.ichip{width:38px;height:38px;border-radius:7px;background:var(--tint);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}
.ichip .ic{stroke-width:1.7}
.ichip-lg{width:48px;height:48px;border-radius:7px}
.ichip-round{border-radius:50%}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;border-radius:7px;padding:13px 22px;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn .ic{width:17px;height:17px;stroke-width:2}
.btn-sm{font-size:14px;padding:10px 16px;border-radius:7px}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-ink)}
.btn-outline{background:var(--surface);color:var(--accent);border-color:var(--accent)}
.btn-outline:hover{background:var(--tint)}
.btn-soft{background:var(--tint);color:var(--accent)}
.btn-soft:hover{background:var(--tint-2)}
.btn-block{display:flex;width:100%}
.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}
.btn-ghost:hover{color:var(--accent);border-color:var(--accent);background:var(--tint-soft)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:9px}
/* §4.7: sticky-алфавит словаря + кнопка «наверх» */
.alpha-index{position:sticky;top:72px;z-index:20;display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:7px}
.alpha-index a{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;font-size:13px;font-weight:700;color:var(--accent);text-decoration:none;border-radius:7px}
.alpha-index a:hover{background:var(--tint)}
.to-top{position:fixed;right:18px;bottom:18px;z-index:40;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:50%;box-shadow:0 6px 18px rgba(20,18,15,.12);color:var(--accent)}
.to-top:hover{border-color:var(--accent)}
/* §2.2: свёрнутое облако видов на хабе — ~2 ряда + затухание, «показать все» снимает класс */
.chips-collapsed{max-height:150px;overflow:hidden;position:relative}
.chips-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.chip{font-size:14px;font-weight:500;padding:8px 15px;border:1px solid #D8DEE7;border-radius:7px;color:var(--muted);background:var(--surface)}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip-on{border-color:var(--accent);background:var(--accent);color:#fff}
.chip-soft{border:none;background:var(--tint);color:var(--accent);font-weight:600}

/* badges */
.badge{font-size:12px;font-weight:700;padding:3px 8px;border-radius:7px}
.badge-accent{color:var(--accent);background:var(--tint)}
.badge-green{color:var(--green);background:var(--green-bg)}
.badge-amber{color:var(--amber);background:var(--amber-bg)}
.badge-pill{border-radius:var(--radius-pill);padding:4px 11px}
.badge-hit{position:absolute;top:-11px;left:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:7px}

/* segmented control */
.seg{display:inline-flex;background:#F1EEE8;border-radius:7px;padding:3px;font-size:14px;font-weight:600}
.seg span,.seg button{padding:8px 15px;border-radius:7px;color:var(--muted);border:none;background:none;font:inherit;cursor:pointer}
.seg .active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.seg.on-white{background:var(--surface);border:1px solid var(--tint-line)}
/* Тумблер период на тёмной (accent) карточке пейвола: полупрозрачный фон, белый текст */
.seg.seg-onaccent{background:rgba(255,255,255,.14);width:100%}
.seg.seg-onaccent button{color:#eaf0f7;flex:1;padding:7px 10px;font-size:13px}
.seg.seg-onaccent .active{background:#fff;color:var(--accent)}

/* stat row */
.stats{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;color:var(--subtle)}
.stat{display:flex;align-items:center;gap:7px}
.stat .ic{width:16px;height:16px;color:var(--accent);stroke-width:1.7}

/* hero */
.hero{border-bottom:1px solid var(--tint-line);
  background:radial-gradient(circle at 1px 1px, rgba(31,58,95,.055) 1px, transparent 0) 0 0/22px 22px,
             linear-gradient(180deg,#E8EDF5 0%,#F3F6FB 100%)}
.hero-inner{padding:60px 0 56px}
.hero .btn-row{display:flex;gap:12px;flex-wrap:wrap}

/* search */
.search{display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius);padding:8px 8px 8px 18px;box-shadow:0 14px 34px -20px rgba(31,58,95,.5)}
.search .ic{color:var(--accent);width:20px;height:20px}
.search input{flex:1;border:none;outline:none;font:16px var(--sans);background:transparent;color:var(--ink);min-width:0}
.search .btn{padding:11px 22px;font-size:15px}

/* cards & grids */
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}
.card-hover:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}
/* card-link: самостоятельная карточка-ссылка (форматы скачивания, плитки разделов/списков) */
.card-link{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px}
.card-link:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}
.card-link .row-title{display:block;font-weight:700;margin-bottom:2px}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.card-sel{border:1.5px solid var(--accent)}
.card .card-title{font-size:16px;font-weight:700}
.card .card-desc{font-size:14px;color:var(--muted);line-height:1.5;margin-top:6px}
.card-article{padding:26px 28px;display:flex;flex-direction:column;transition:box-shadow .18s ease,border-color .16s ease}
.card-article:hover{box-shadow:0 10px 26px -20px rgba(28,27,25,.26)}
.card-article .card-cat{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--tint);padding:5px 11px;border-radius:7px;margin-bottom:16px}
.card-article .card-title{font-family:var(--serif);font-size:21px;font-weight:700;line-height:1.18;letter-spacing:-.015em;color:var(--ink)}
.card-article:hover .card-title{color:var(--accent)}
.card-article .card-excerpt{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-article .card-meta{margin-top:auto;padding-top:18px;font-size:13px;color:var(--faint)}
/* журнал: рубрикатор */
.rubricator{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
/* журнал: верхний блок — крупная «геро» + колонка «Свежее» */
.journal-top{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:stretch;margin-bottom:8px}
.journal-hero{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:32px 34px;transition:border-color .15s,box-shadow .18s}
.journal-hero:hover{border-color:var(--tint-line);box-shadow:0 10px 26px -20px rgba(28,27,25,.26)}
.journal-hero .jh-cat{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--tint);padding:5px 11px;border-radius:7px}
.journal-hero .jh-title{font-family:var(--serif);font-weight:700;font-size:clamp(29px,3.4vw,44px);line-height:1.05;letter-spacing:-.02em;margin:16px 0 12px;max-width:680px;color:var(--ink)}
.journal-hero .jh-excerpt{font-size:16.5px;line-height:1.6;color:var(--muted);max-width:600px;margin:0}
.journal-hero .jh-meta{font-size:13.5px;color:var(--faint);margin-top:16px}
.journal-hero .jh-more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-weight:700;color:var(--accent);transition:gap .15s ease}
.journal-hero .jh-more .ic{width:16px;height:16px;stroke-width:2.2}
.journal-hero:hover .jh-more{gap:11px}
.journal-side{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:22px 24px;display:flex;flex-direction:column}
.journal-side .js-title{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.journal-side .js-item{display:block;padding:11px 0}
.journal-side .js-item:last-child{border-bottom:none}
.journal-side .js-cat{display:block;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:3px}
.journal-side .js-t{display:block;font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.journal-side .js-item:hover .js-t{color:var(--accent)}
.journal-side .js-date{display:block;font-size:13px;color:var(--faint);margin-top:4px}
/* журнал: секции-разделы (материалы из раздела → раздел с пагинацией) */
.journal-section{margin-top:34px}
.journal-section .js-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.journal-section .js-all{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--accent);white-space:nowrap}
.journal-section .js-all .ic{width:15px;height:15px;stroke-width:2.2}
@media(max-width:860px){.journal-top{grid-template-columns:1fr}}
@media(max-width:640px){.journal-hero{padding:26px 22px}}

/* tiles (situations) */
/* §3.4: «лист» документа на странице образца — белый лист с тенью на приглушённой подложке, Times */
.doc-sheet-wrap{background:#f1efe9;border:1px solid var(--line);border-radius:7px;padding:22px}
.doc-sheet{max-width:760px;margin:0 auto;background:#fff;color:#1f1d1a;box-shadow:0 4px 18px rgba(20,18,15,.10);
  border:1px solid #e7e3db;border-radius:7px;padding:44px 48px;font-family:var(--serif);font-size:15px;line-height:1.65}
.doc-sheet .doc-title,.doc-sheet h1,.doc-sheet h2{font-family:var(--serif);text-align:center;font-weight:700}
.doc-sheet .doc-h{font-weight:700;margin:16px 0 4px}
.doc-sheet .doc-body{margin:0 0 8px;color:#2a2723}
.doc-sheet .doc-body-locked{color:var(--muted,#6b6862);font-style:italic}
.doc-sheet .doc-lock{font-style:normal}
@media(max-width:560px){.doc-sheet{padding:26px 20px;font-size:14px}.doc-sheet-wrap{padding:12px}}
/* §2.4: единая карточка комплекта — сетка 2–3 колонки, канон белый + hairline */
.pkg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.pkg-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pkg-cards{grid-template-columns:1fr}}
.pkg-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.pkg-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(20,18,15,.08);transform:translateY(-1px)}
.pkg-card--soon{opacity:.72}
.pkg-card-head{display:flex;align-items:center;gap:8px}
.pkg-card-title{font-weight:700;font-size:15px;line-height:1.3}
.pkg-card-count{font-size:13px;color:var(--muted,#6b6862)}
.pkg-card-foot{display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}
.pkg-card-price{font-weight:800;font-size:16px}
.pkg-card-cta{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent)}
/* §4.1: единая карточка документа (вместо «полосок») — сетка 2–3 колонки, канон белый + hairline */
.doc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.doc-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.doc-cards{grid-template-columns:1fr}}
.doc-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px 16px 14px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.doc-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(20,18,15,.08);transform:translateY(-1px)}
.doc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.doc-card-title{font-weight:700;font-size:15px;line-height:1.35}
.doc-card-verified{color:var(--green);flex-shrink:0;margin-top:2px}
.doc-card-desc{font-size:13px;color:var(--muted,#6b6862);line-height:1.45;flex:1}
.doc-card-foot{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}
.doc-card-price{font-weight:700;font-size:14px}
.doc-card-mins{font-size:12.5px;color:var(--muted,#6b6862)}
.doc-card-cta{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:14px}
.tile{border-radius:7px;padding:20px;background:var(--tint);border:1px solid transparent;transition:background .15s ease,border-color .15s ease}
.tile.alt{background:var(--tint-2)}
.tile:hover{background:var(--tint-2);border-color:var(--tint-line)}
.tile.alt:hover{background:var(--tint);border-color:var(--tint-line)}
.tile-feature:hover{background:var(--accent-ink);border-color:transparent}
.tile .ic{color:var(--accent);width:24px;height:24px;stroke-width:1.6}
.tile-title{font-size:15px;font-weight:700;margin-top:12px}
.tile-sub{font-size:13px;color:var(--muted);margin-top:4px}
.tile-feature{grid-row:span 2;background:var(--accent);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.tile-feature .ic{color:#fff}
.tile-feature .tile-sub{color:#f2f5ff}
.tile-feature .go{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;margin-top:20px}

/* list rows */
.rows{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}
.row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:15px 18px;background:var(--surface)}
.row:hover{border-color:var(--accent)}
.row .ic-lead{color:var(--accent);width:20px;height:20px;stroke-width:1.6;flex:none}
.row .row-main{flex:1;min-width:0}
.row .row-title{font-size:15px;font-weight:700;display:block}
.row .row-sub{font-size:15px;color:var(--muted);margin-top:3px;display:block}
.row .ic-chev{color:#c2bcb2;width:18px;height:18px;stroke-width:2}

/* plain list (dividers) */
.list-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);list-style:none;padding:0}
.list-card li>a,.list-card .lrow,.list-card .row-main{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid var(--line-2);color:inherit}
.list-card li:last-child>a,.list-card .lrow:last-child,.list-card .row-main:last-child{border-bottom:none}
.list-card .lrow:hover,.list-card li>a:hover,.list-card .row-main:hover{background:#FAF7F2}
.list-card .row-main .row-title{display:block;font-size:15px;font-weight:700}
.list-card .row-main .small{display:block;margin-top:2px}

/* packages */
.pkg-price{font-size:20px;font-weight:800;color:var(--accent)}
.pkg-foot{display:flex;align-items:baseline;justify-content:space-between}

/* trust band */
.band-dark{background:var(--accent);color:#e6ecf3}
.band-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.feature{display:flex;gap:13px}
.feature .ic{width:22px;height:22px;flex:none;margin-top:2px;stroke-width:1.6}
.band-dark .feature .ic{color:#9db6d6}
.feature h3{font-family:var(--serif);font-size:16px}
.band-dark .feature h3{color:#fff}
/* §6.6: подписи преимуществ на синем фоне были тёмно-серые (--muted) — ниже WCAG; делаем светлыми */
.band-dark .feature p{color:#dce3f3}
.feature p{font-size:14px;line-height:1.5;margin-top:5px;color:var(--muted)}
.band-dark .feature p{color:#a9bad0}

/* CTA banner */
.banner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.banner-dark{background:var(--accent);color:#fff;border-radius:var(--radius-lg);padding:28px 32px}
.banner-dark .muted{color:#b9c4d3}

/* footer */
.site-footer{background:#1C1B19;color:#c9c6bf;padding:48px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:26px;padding-bottom:32px;border-bottom:1px solid #33302b}
.footer-brand .logo{color:#fff;margin-bottom:14px}
.footer-brand .logo .ic{color:#fff}

.footer-brand p{font-size:14px;line-height:1.65;color:#a49f97;max-width:280px}
.footer-col{font-size:14.5px;line-height:2.1}
.footer-col .h{color:#fff;margin-bottom:8px;font-weight:700}
.footer-col a{display:block;color:inherit}
.footer-col a:hover{color:#fff}
.footer-meta{display:flex;flex-direction:column;gap:8px;padding-top:22px;font-size:14px;color:#8f8a83;line-height:1.6}
.footer-legal-line a{color:#e7e3db;text-decoration:none;font-weight:500}
.footer-legal-line a:hover{color:#fff}
.footer-copy{color:#8f8a83}

/* forms */
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #D8DEE7;border-radius:7px;font-size:15px;line-height:1.45;outline:none;font-family:var(--sans);color:var(--ink);background:var(--surface);transition:border-color .12s,box-shadow .12s}
.field textarea{min-height:120px;resize:vertical}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#B7C0CC}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}
.field input::placeholder,.field textarea::placeholder{color:var(--subtle)}
.field input[readonly]{background:var(--tint);color:var(--muted);cursor:not-allowed}
.field .hint{font-size:12.5px;line-height:1.4;color:var(--subtle);margin-top:5px}
.field .req{color:var(--danger)}
.field .err{font-size:13px;color:var(--danger);margin-top:6px}
.field+.field{margin-top:15px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
/* Выравнивание: label разной высоты не должен «ронять» инпуты на разные уровни — ячейки одной высоты,
   поле прижимается к низу, поэтому инпуты в ряду всегда на одной линии. */
.field-row>.field{display:flex;flex-direction:column}
.field-row>.field>:where(input,select,textarea){margin-top:auto}
.field-row+.field{margin-top:18px}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}
/* radio / checkbox */
.field input[type=checkbox],.field input[type=radio]{width:auto}
.consent{display:flex;gap:10px;align-items:flex-start;margin:8px 0 18px;line-height:1.5;font-size:14px}
.consent input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--accent);cursor:pointer}
.consent .consent-text{color:var(--muted)}
label.consent-text{cursor:pointer;user-select:none}
.consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.consent a:hover{color:var(--accent-ink)}

/* breadcrumb */
.crumbs{font-size:14px;color:var(--subtle);display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:16px}
.crumbs .ic{width:14px;height:14px;stroke-width:2}
.crumbs .cur{color:var(--muted)}

/* wizard */
.wiz{display:block}
/* Флагман /doc: живой предпросмотр — отдельным блоком на всю ширину под конструктором (лист как в Word) */
.wiz-preview{position:static!important;margin-top:22px;background:#f0efec;border-radius:7px;padding:26px}
.wiz-preview .doc-preview{max-width:820px;width:100%;margin:0 auto;box-shadow:0 8px 26px -12px rgba(20,18,12,.30);border-color:#e6e1d6}
.wiz-preview .doc-preview-scroll{max-height:none}
.wiz-preview .dpv-note,.wiz-preview>.small{text-align:center}
@media(max-width:940px){.wiz-preview{padding:14px}}
.wiz-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.wiz-head{padding:20px 24px;border-bottom:1px solid var(--line-2)}
.wiz-progress{height:6px;background:var(--tint);border-radius:7px;overflow:hidden;margin-top:12px}
.wiz-progress span{display:block;height:100%;background:var(--accent);border-radius:7px;transition:width .3s ease}
.wiz-body{padding:24px}
.wiz-foot{padding:16px 24px;border-top:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px}
.wiz-step{display:none}
.wiz-step.active{display:block}
.tip{display:flex;align-items:center;gap:9px;background:var(--tint-soft);border:1px solid #E1E8F1;border-radius:7px;padding:11px 13px;margin-top:14px;font-size:13.5px;color:var(--muted)}
.tip .ic{color:var(--accent);width:17px;height:17px;flex:none;stroke-width:1.7}

/* Hero страницы документа в 2 колонки (ТЗ §2.2): контекст слева, виджет-действие справа */
.doc-hero{display:grid;grid-template-columns:minmax(0,1fr) 358px;gap:28px;align-items:start;margin-bottom:16px}
.doc-hero--solo{grid-template-columns:minmax(0,1fr)}
.doc-hero-main{min-width:0}
.doc-hero-side{position:sticky;top:88px}
@media(max-width:920px){.doc-hero{grid-template-columns:1fr;gap:16px}.doc-hero-side{position:static}}
/* На мобиле конструктор — в одну колонку, живой предпросмотр скрыт (в 2 колонки всё плющится и
   ничего не видно; форма и так работает, итог смотрят на /preview). */
/* превью теперь под конструктором — показываем и на мобиле (это ключевая «магия» продукта) */

/* Почта-гейт — главный акцент на странице документа (ТЗ §3): заметная карточка, а не бледная плашка */
.doc-start{display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#fff,var(--tint-soft));border:1.5px solid var(--tint-line);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-card)}
.doc-start-title{font-size:18px;font-weight:800;color:var(--ink);line-height:1.25}
.doc-start-title::before{content:"";display:inline-block;width:6px;height:18px;border-radius:7px;background:var(--accent);margin-right:9px;vertical-align:-3px}
.doc-start-sub{font-size:14px;line-height:1.5;color:var(--muted)}
.doc-start [data-se-step1] .btn,.doc-start [data-se-step2] .btn{white-space:nowrap}
.doc-start-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--subtle);cursor:pointer;user-select:none}
.doc-start-consent input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--accent);cursor:pointer}
.doc-start-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
/* Виджет «Документ готов к заполнению» для вошедшего пользователя: зелёная галка-статус, без кнопки-«вниз» */
.doc-start--ready{background:linear-gradient(180deg,#fff,var(--green-bg));border-color:#bfe3d2}
.doc-start--ready .doc-start-ready-head{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--green);line-height:1.25}
.doc-start--ready .doc-start-ready-head .ic{width:22px;height:22px;color:var(--green);flex:none}
.doc-start-note{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid var(--tint-line);font-size:12.5px;line-height:1.45;color:var(--muted)}
.doc-start-note .ic{color:var(--accent);flex:none;margin-top:1px;width:15px;height:15px}

/* «Что внутри документа» — полоса статистики с тонкими вертикальными разделителями (ТЗ §2.6) */
.doc-inside{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px 20px}
.doc-inside-title{font-weight:700;font-size:15px;margin-bottom:14px;color:var(--ink)}
.doc-inside-strip{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px}
.dis-item{display:flex;flex-direction:column;gap:3px;padding:2px 22px;border-left:1px solid var(--line-2)}
.dis-item:first-child{padding-left:0;border-left:0}
.dis-num{font-size:23px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.01em}
.dis-lbl{font-size:13px;color:var(--muted)}
.doc-inside-trust{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:15px;font-size:13.5px;color:var(--muted)}
.doc-inside-trust .flexrow{gap:6px}
.dis-gold{color:#8a6d1c;font-weight:600}          /* золотой нотариальный акцент */
.dis-gold .ic{color:#C79A2E;stroke-width:1.8}
/* §3.2: золотой бейдж «проверено юристом» в полосе доверия */
.ts-verified{color:#8a6d1c;font-weight:600}
.ts-verified .ic{color:#C79A2E}
.ts-verified b{color:#8a6d1c}
.doc-inside-dl{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13.5px}
@media(max-width:520px){.dis-item{padding:2px 14px}.dis-num{font-size:20px}}

/* FAQ на странице документа — аккуратные карточки в 2 колонки (ТЗ §2.5), тёмный текст ответа */
.doc-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.doc-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px}
.doc-faq-q{font-weight:700;color:var(--ink);margin-bottom:6px;line-height:1.35}
.doc-faq-a{font-size:14px;line-height:1.55;color:var(--muted)}
@media(max-width:640px){.doc-faq{grid-template-columns:1fr}}
/* Низ страницы документа: контент + липкая колонка действий (чтобы не растягивать одну колонку на пол-экрана). */
.doc-below{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;padding-top:26px;padding-bottom:10px}
.doc-below-main{min-width:0}
.doc-below-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.doc-below-side .card{padding:16px 18px}
.doc-actions .doc-action-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}
.doc-actions .doc-action-row .dar-ic{width:18px;height:18px;color:var(--accent);flex:none}
.doc-actions .doc-action-row .dar-body{flex:1;min-width:0}
.doc-actions .doc-action-row .row-title{display:block;font-weight:700}
.doc-actions .doc-action-row .subtle{display:block}
.doc-actions .doc-action-row .dar-go{width:15px;height:15px;color:var(--muted);flex:none;transition:transform .12s,color .12s}
.doc-actions .doc-action-row:hover .row-title{color:var(--accent)}
.doc-actions .doc-action-row:hover .dar-go{color:var(--accent);transform:translateX(2px)}
.doc-upsell{background:var(--accent);border-color:var(--accent)}
@media(max-width:920px){.doc-below{grid-template-columns:1fr;gap:18px}.doc-below-side{position:static}}
/* Сборка комплекта: форма слева, липкая сводка справа. */
.pkg-build-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin-top:16px}
.pkg-build-side{position:sticky;top:88px}
@media(max-width:920px){.pkg-build-grid{grid-template-columns:1fr}.pkg-build-side{position:static}}
.check-toggle{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:var(--surface);border:1px solid #D8DEE7;border-radius:7px;padding:13px 14px;cursor:pointer;font:inherit}
.check-toggle .box{width:20px;height:20px;border-radius:7px;border:2px solid #D8DEE7;display:flex;align-items:center;justify-content:center;flex:none}
.check-toggle .box .ic{color:#fff;width:13px;height:13px;stroke-width:3;opacity:0}
.check-toggle.on{background:var(--tint);border-color:var(--accent)}
.check-toggle.on .box{background:var(--accent);border-color:var(--accent)}
.check-toggle.on .box .ic{opacity:1}
.clause{display:flex;align-items:center;gap:11px;border-radius:7px;padding:13px 14px}
.clause.free{border:1px solid var(--line);background:var(--surface)}
.clause.free .ic{color:var(--green)}
.clause.paid{border:1px solid var(--tint-line);background:var(--tint-soft)}
.clause.paid .ic{color:var(--accent)}
.clause .t{flex:1;font-size:14px;font-weight:600}

/* preview doc */
.doc-preview{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px -30px rgba(0,0,0,.22);overflow:hidden;font-family:'Times New Roman','Liberation Serif','PT Serif',Georgia,serif;color:#1c1b19}
.doc-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--tint-soft);border-bottom:1px solid #E7EDF4;font-family:var(--font,system-ui,sans-serif)}
.dpv-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.dpv-label .ic{width:15px;height:15px}
.dpv-tools{display:flex;align-items:center;gap:4px}
.dpv-zbtn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);border-radius:7px;color:var(--ink);font-size:16px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dpv-zbtn:hover{border-color:var(--accent);color:var(--accent)}
.dpv-zval{min-width:42px;text-align:center;font-size:12.5px;color:var(--subtle);font-variant-numeric:tabular-nums}
.doc-preview-scroll{max-height:min(72vh,760px);overflow:auto;overscroll-behavior:contain}
.doc-preview-body{padding:28px 32px;position:relative;background:#fff;z-index:0}
/* Реальный водяной знак: диагональная «ПРИМАДОК» позади текста, пока документ в предпросмотре
   (пока в разметке есть баннер .doc-wm). Снимается после оплаты вместе с баннером. */
.doc-preview-body:has(.doc-wm)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='188'%3E%3Ctext x='150' y='104' font-family='Arial,Helvetica,sans-serif' font-size='23' font-weight='700' letter-spacing='2' fill='%231F3A5F' fill-opacity='0.07' text-anchor='middle' transform='rotate(-27 150 104)'%3EПРИМАДОК%3C/text%3E%3C/svg%3E");
  background-repeat:repeat;background-position:center top}
.doc-title{text-align:center;font-weight:700;font-size:14px;letter-spacing:.02em;color:#211d1a}
.doc-city{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--ink);margin:6px 0 22px}
.doc-h{font-weight:700;font-size:15px;margin:16px 0 6px;color:#1c1b19}
.doc-p{font-size:15px;line-height:1.7;color:#2a2621;margin:0 0 13px}
.doc-sub{text-indent:0}
.doc-subnum{margin-right:.4em;color:#1c1b19;font-weight:600}
.doc-reqs{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:10px}
.doc-reqs td.doc-req{width:50%;vertical-align:top;padding:0 14px;white-space:pre-line;font-size:13px;color:#57534c}
.doc-req-role{font-weight:700;color:#1c1b19;margin-bottom:4px}
.fill{background:#EAF0F8;border-radius:7px;padding:0 5px;color:var(--accent);font-weight:600;font-family:var(--sans);font-size:11px}
.doc-expert{display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2);font-family:var(--sans);font-size:11px;color:var(--muted)}
.avatar{border-radius:50%;background:repeating-linear-gradient(135deg,#dfe6ef,#dfe6ef 5px,#eef2f7 5px,#eef2f7 10px);flex:none}
.avatar-28{width:28px;height:28px}.avatar-44{width:44px;height:44px}.avatar-56{width:56px;height:56px}.avatar-72{width:72px;height:72px}

/* sticky aside */
.sticky{position:sticky;top:88px}

/* faq */
.faq{margin-top:26px}
[data-header]{min-height:71px}   /* резерв под sticky-хедер (70px+1px), инжектится app.js — против CLS */

/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(20,18,16,.55);display:flex;align-items:center;justify-content:center;padding:24px}
.modal[hidden]{display:none}
.modal-card{background:var(--bg);border-radius:7px;max-width:840px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 90px -30px rgba(0,0,0,.5)}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line)}
.modal-body{padding:24px 28px}

/* article */
.prose{font-size:17px;line-height:1.7;color:#2a2621}
.prose h2{font-family:var(--serif);font-size:26px;margin:32px 0 14px;color:var(--ink)}
.prose p{margin:0 0 18px}
.prose blockquote{margin:24px 0;padding:16px 22px;border-left:3px solid var(--accent);background:var(--tint-soft);border-radius:0 7px 7px 0;font-family:var(--serif);font-style:italic;font-size:18px;color:#211d1a}
.cover{border-radius:7px;background:repeating-linear-gradient(135deg,#e6ebf3,#e6ebf3 12px,#eef2f7 12px,#eef2f7 24px);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#9aa6b5}
.thumb{background:repeating-linear-gradient(135deg,#EDE9E2,#EDE9E2 10px,#F5F2EC 10px,#F5F2EC 20px);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#b0a99f}

/* account */
.acct{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}
.side-nav{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:2px}
.side-nav a{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--muted);border-radius:7px;padding:12px 14px}
.side-nav a .ic{width:19px;height:19px;stroke-width:1.8}
.side-nav a.active{font-weight:600;color:var(--accent);background:var(--tint)}
.side-nav a:hover{color:var(--accent)}
.stat-card{display:flex;align-items:center;gap:16px;padding:22px}
.stat-card .num{font-size:28px;font-weight:800;line-height:1}
/* Доступность (WCAG 2.4.7): видимый фокус с клавиатуры для всех интерактивных элементов */
:where(a,button,.btn,.chip,.icon-btn,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:7px}
/* §6.7: читаемое disabled-состояние (было opacity:.55 → бледно-лиловый на акценте, нечитаемо) */
.btn:disabled,.btn[disabled]{cursor:not-allowed;pointer-events:none;opacity:1;background:#e7e4de;color:#8f8b83;border-color:#e7e4de;box-shadow:none}

/* Кабинет: документы карточками одинаковой структуры (без «прыгающих» строк) */
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.doc-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:9px;transition:border-color .12s,box-shadow .12s}
.doc-card:hover{border-color:var(--tint-line);box-shadow:var(--shadow-card)}
.doc-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.doc-card-title{font-weight:700;font-size:15px;line-height:1.32;color:var(--ink)}
.doc-card-sub{font-size:12.5px;color:var(--subtle)}
.doc-card-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--line-2)}
.doc-card-actions form{display:inline-flex}
.doc-card-share{margin-top:8px;border-top:1px dashed var(--line-2);padding-top:10px}
.doc-card-share[hidden]{display:none}
@media(max-width:900px){.side-nav{flex-direction:row;flex-wrap:wrap;position:static}.side-nav a{padding:9px 12px;font-size:14px}}
.notice{display:flex;align-items:center;gap:14px;background:var(--tint-soft);border:1px solid #E1E8F1;border-radius:7px;padding:16px 18px;font-size:14px;color:#3a3833;line-height:1.45}
.notice .ic{color:var(--accent);flex:none}

/* filter rail (category) */
/* .rail БОЛЬШЕ НЕ грид: остаточное правило grid-template-columns:240px 1fr загоняло <h2>
   секций (search/landing/legal) в узкую левую колонку рядом с контентом — «сломанный сайдбар».
   .rail определён ниже как обычная секция (margin), заголовок сверху, контент во всю ширину. */
.filter-group+.filter-group{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2)}
.filter-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.checks{display:flex;flex-direction:column;gap:10px}
.legal-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.legal-consent a:hover{color:var(--accent-ink)}
.checks label{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;color:var(--muted)}
.checks .box{width:18px;height:18px;border-radius:7px;border:2px solid #D8DEE7;flex:none;display:flex;align-items:center;justify-content:center}
.checks .box .ic{width:12px;height:12px;color:#fff;stroke-width:3;opacity:0}
.checks label.on{color:var(--ink)}
.checks label.on .box{background:var(--accent);border-color:var(--accent)}
.checks label.on .box .ic{opacity:1}
.sublinks{display:flex;flex-direction:column;gap:9px;font-size:14px}
.sublinks a{color:var(--muted)}
.sublinks a.on{color:var(--accent);font-weight:600}
.sublinks a:hover{color:var(--accent)}

/* Листинг раздела каталога: сайдбар фильтров + строки (по эталону category.html) */
.cat-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.cat-filters{padding:18px 20px}
.seg.seg-wrap{display:flex;flex-wrap:wrap;gap:4px;background:#F1EEE8}
.seg.seg-wrap button{padding:7px 12px}
@media(max-width:860px){.cat-layout{grid-template-columns:1fr}.cat-filters{position:static}}

/* Единое пустое состояние (.empty) и скелетон загрузки (.skeleton) */
.empty{text-align:center;padding:40px 24px;color:var(--muted)}
.empty .empty-ic{width:46px;height:46px;color:var(--faint);margin:0 auto 14px;display:block;stroke-width:1.5}
.empty-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}
.empty p{font-size:14px;line-height:1.55;color:var(--muted);max-width:420px;margin:0 auto}
.empty .btn{margin-top:16px}
.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,#ece8e0 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skl 1.4s ease infinite;border-radius:7px;color:transparent!important}
@keyframes skl{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}
.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}
.pager a,.pager span{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}
.pager a{border:1px solid #E0DBD2;color:var(--muted)}
.pager .cur{background:var(--accent);color:#fff;font-weight:700}
.pager a:hover{border-color:var(--accent);color:var(--accent)}.pager .pg-gap{border:none;color:var(--muted)}.pager .pg-nav{font-size:16px}.pager .is-off{opacity:.4;pointer-events:none}

/* helpers */
.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-22{margin-top:22px}.mt-24{margin-top:24px}.mt-26{margin-top:26px}
.mb-6{margin-bottom:6px}.mb-10{margin-bottom:10px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-22{margin-bottom:22px}.mb-26{margin-bottom:26px}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.row-base{display:flex;align-items:baseline;justify-content:space-between}
.flexrow{display:flex;align-items:center;gap:10px}
.link-arrow{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--accent)}
.link-arrow .ic{width:15px;height:15px;stroke-width:2}
.maxw-hero{max-width:840px;margin:0 auto}
/* геройский h1 центрируем: .ed-page h1{margin:0} перебивал margin:0 auto → заголовок «уезжал» влево */
.hero .maxw-hero{margin-left:auto;margin-right:auto}
.maxw-560{max-width:560px}
.strike{color:var(--faint);text-decoration:line-through}

/* responsive */
@media (max-width:960px){
  .wrap,.read,.hero-inner{padding-left:22px;padding-right:22px}
  .g4,.mega-tiles{grid-template-columns:repeat(2,1fr)}
  .g3,.band-features,.footer-grid,.mega-grid,.wiz,.rail,.acct{grid-template-columns:1fr}
  .tile-feature{grid-row:auto}
  .nav,.header-right .link-strong{display:none}
  .burger{display:block}
  .footer-grid{gap:22px}
}
@media (max-width:560px){
  .g2,.tiles{grid-template-columns:1fr}
  .hero-inner{padding-top:40px;padding-bottom:40px}
}

/* Serif дизайн-системы задан один раз в :root (--serif = Georgia-стек). Petersburg (фирменный) в
   проект не поставляется — файла нет; вернуть: добавить woff2 в public/fonts, @font-face и поставить
   его первым в --serif. */

/* ── Экран входа (email + одноразовый код) ── */
.auth-shell{min-height:100vh;display:flex;flex-direction:column;
  background:radial-gradient(circle at 1px 1px, rgba(31,58,95,.05) 1px, transparent 0) 0 0/22px 22px,
  linear-gradient(180deg,#E8EDF5 0%,#F3F6FB 60%,#FCFBF9 100%);}
.auth-logo{display:flex;justify-content:center;padding:26px}
.auth-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:20px 24px 60px}
.auth-card{width:100%;max-width:400px;border-radius:7px;padding:32px 30px}
.auth-sep{display:flex;align-items:center;gap:12px;margin:22px 0}
.auth-sep span.line{flex:1;height:1px;background:var(--line)}

/* Выбранный премиум-пункт в живом wizard */
.clause.paid.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:rgba(31,58,95,.04)}
.clause.paid{transition:border-color .15s, box-shadow .15s}

/* Типографика статьи блога */
.article-body{font-size:17px;line-height:1.7;color:var(--ink)}
.article-body h2{font-family:var(--serif);font-size:24px;margin:28px 0 12px}
.article-body h3{font-size:19px;margin:22px 0 10px}
.article-body p{margin:0 0 16px}
.article-body ul,.article-body ol{margin:0 0 16px 20px}
.article-body a{color:var(--accent);text-decoration:underline}
/* статья: 2 колонки — текст + липкий сайдбар с оглавлением */
.article-grid{display:grid;grid-template-columns:minmax(0,760px) 264px;gap:46px;align-items:start;justify-content:space-between}
.article-main{min-width:0}
/* Сайдбар статьи журнала: TOC + «Ещё статьи» + «Документы по теме» — единообразными карточками,
   аккуратный ровный gap (раньше блоки были разнородны и с большими 46px-разрывами). */
.article-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.article-aside .toc-box,.article-aside .aside-block{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:16px 18px;margin:0}
.toc-box[hidden]{display:none}
.article-aside .toc-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);margin-bottom:11px}
.toc-box ul{list-style:none;margin:0;padding:0}
.toc-box li{margin:0}
.toc-box a{display:block;font-size:14px;line-height:1.4;color:var(--muted);padding:5px 0 5px 12px;border-left:2px solid var(--line);text-decoration:none}
.toc-box a:hover{color:var(--accent);border-left-color:var(--tint-line)}
.toc-box a.active{color:var(--accent);font-weight:600;border-left-color:var(--accent)}
.aside-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.aside-list li+li{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.aside-list a{display:block;font-family:var(--serif);font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.aside-list a:hover{color:var(--accent)}
.aside-list .aside-date{display:block;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--faint);margin-top:4px}
/* Инлайн-CTA в конце статьи + липкий CTA в сайдбаре (веди читателя к сборке документа) */
.article-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:28px 0;padding:22px 24px;border:1px solid var(--tint-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--tint-soft),var(--surface))}
.article-cta-title{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);line-height:1.25}
.article-cta-txt p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted);max-width:440px}
.article-cta .btn{flex:none}
.aside-cta{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:7px;background:var(--accent);color:#fff;text-decoration:none}
.aside-cta .ichip{background:rgba(255,255,255,.16);color:#fff;flex:none;width:38px;height:38px}
.aside-cta-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aside-cta-txt b{font-size:14px}
.aside-cta-txt span{font-size:12.5px;color:#cdd8e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aside-cta>.ic{color:#cdd8e6;flex:none}
.aside-cta:hover{background:var(--accent-ink)}
@media(max-width:640px){.article-cta{flex-direction:column;align-items:flex-start}.article-cta .btn{width:100%;justify-content:center}}
.card-cover{display:block;width:calc(100% + 56px);height:172px;object-fit:cover;margin:-26px -28px 18px;border-radius:7px 7px 0 0}
.toc-inline{display:none}
@media(max-width:900px){.article-grid{grid-template-columns:1fr;max-width:760px}.article-aside{display:none}}

/* FAQ-аккордеон на странице документа */
.faq-item{border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:10px;overflow:hidden}
.faq-item summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;font-size:16px;font-weight:600;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--accent);font-size:20px;line-height:1;flex:none}
.faq-item[open] summary{color:var(--accent)}
.faq-item[open] summary::after{content:"–"}
.faq-item>*:not(summary){padding:0 16px 15px;font-size:15px;line-height:1.6;color:var(--muted)}
.faq-a{margin-top:10px;color:var(--muted);line-height:1.6;font-size:15px}
.doc-expert{border-left:3px solid var(--accent)}

.faint{color:#9a948c;font-size:13px}

/* Живой предпросмотр документа: состояния пунктов */
.doc-wm{font-size:11px;color:#b08a3a;background:#fbf4e4;border:1px dashed #e3cd97;border-radius:7px;padding:6px 10px;margin:10px 0 14px}
.doc-lock{font-size:14px}
.doc-blur{filter:blur(3.4px);user-select:none;position:relative;opacity:.82}
.doc-sign{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:26px}
.doc-sign td.doc-sign-cell{width:50%;vertical-align:top;padding:0 14px;font-size:12px;color:#57534c}
.doc-mp{margin-top:3px;font-size:10px;color:#8a857c}
/* ТЗ §3: заглушка формы до ввода почты */
.form-gate{position:absolute;inset:-6px;z-index:6;display:flex;align-items:flex-start;justify-content:center;padding-top:44px;background:rgba(252,251,249,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:7px}
.form-gate-inner{text-align:center;width:100%;max-width:352px;background:var(--surface);border:1px solid var(--tint-line);border-radius:7px;padding:24px 24px 22px;box-shadow:var(--shadow-pop)}
.form-gate .fg-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:7px;background:var(--tint);margin-bottom:12px}
.form-gate .fg-ic .ic{width:24px;height:24px;color:var(--accent)}
.form-gate .fg-title{font-size:17px;font-weight:800;color:var(--ink);line-height:1.25}
.form-gate .fg-sub{font-size:13.5px;line-height:1.5;color:var(--muted);margin:6px 0 16px}
.form-gate .fg-form{display:flex;flex-direction:column;gap:9px}
.form-gate .fg-form input{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:15px;color:var(--ink);text-align:center}
.form-gate .fg-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}
.form-gate .fg-consent{display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:12px;line-height:1.45;color:var(--subtle);cursor:pointer;user-select:none;margin-top:2px}
.form-gate .fg-consent input[type=checkbox]{flex:none;width:16px;height:16px;margin-top:1px;accent-color:var(--accent);cursor:pointer}
.form-gate .fg-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

/* Конструктор шаблонов (админка) */
.tpl-row{border:1px solid var(--line);border-radius:7px;padding:12px;margin-bottom:10px;background:#fff}
.tpl-row textarea,.tpl-row input,.tpl-row select{font-size:14px}
.cond-builder{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.micro{font-size:11px;color:#8a857c;display:block;margin-bottom:3px}

/* ── Админ-компоненты (на дизайн-токенах): таблицы, KPI, полосы воронки ── */
.adm{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.adm thead th{text-align:left;font-weight:700;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--subtle);background:var(--surface-2);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.adm td{padding:11px 14px;border-bottom:1px solid var(--line-2);color:var(--ink);vertical-align:middle}
.adm tbody tr:last-child td{border-bottom:none}
.adm tbody tr:hover{background:var(--surface-2)}
.adm code{font-size:12px;background:var(--surface-2);padding:1px 5px;border-radius:7px}

.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kpi .card{padding:16px 18px}
.kpi .n{font-size:24px;font-weight:800;font-family:var(--serif);color:var(--ink);line-height:1.12}
.kpi .l{font-size:14px;color:var(--subtle);margin-top:4px}

.bar{height:8px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}
.bar span{display:block;height:100%;background:var(--accent);border-radius:var(--radius-pill)}

/* Cookie-баннер */
/* §1.9: cookie — не чёрная полоса, а светлая угловая карточка в каноне (белый фон, hairline, мягкая тень) */
.cookie-bar{position:fixed;left:auto;right:16px;bottom:16px;z-index:120;max-width:380px;
  background:#fff;color:#1f1d1a;border:1px solid var(--line,#e7e3db);border-radius:7px;
  box-shadow:0 10px 34px rgba(20,18,15,.14);padding:14px 16px;
  display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.45}
.cookie-bar>span:first-child{max-width:none}
.cookie-bar a{color:var(--accent,#3b4ee0);font-weight:600}
.cookie-actions{display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}
@media(max-width:560px){
  .cookie-bar{left:8px;right:8px;bottom:8px;max-width:none;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px}
  .cookie-bar>span:first-child{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .cookie-actions{justify-content:flex-end}
}

/* Мобильная шапка и поиск */
@media (max-width:560px){
  .header-right{gap:8px}
  .header-right .icon-btn{display:none}          /* поиск — в бургер-меню */
  .header-cta .cta-text{display:none}            /* CTA до иконки */
  .header-cta{padding:9px 11px}
  .search{flex-wrap:wrap;padding:10px}
  .search input{flex:1 1 100%;min-width:0}
  .search .btn{flex:1 1 100%;justify-content:center;margin-top:8px}
  .hero .h1,.h1{font-size:30px}
}

/* Trust-бейджи на оплате */
.trust-row{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.trust{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--subtle)}
.trust .ic{color:var(--green);flex:none;width:15px;height:15px}

/* ===== Контент 2.0 — компоненты (§8, на токенах бренда) ===== */
/* 8.1 Кобальтовая точка — сквозной motif */
.dot::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}

/* 1.3 Полоса доверия */
.trust-strip{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:12px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin:14px 0}
.trust-strip .ts-item{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--muted)}
.trust-strip .ts-item .ic{width:16px;height:16px;color:var(--accent)}
.trust-strip .stars{color:#F5A623;letter-spacing:1px}
.trust-strip b{color:var(--ink);font-weight:600}

/* 1.4 page-feedback (звёзды-кнопки) */
.feedback{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:16px 18px;margin:26px 0}
.feedback .fb-title{font-weight:600;margin-bottom:10px}
.feedback .fb-stars{display:inline-flex;gap:4px}
.feedback [data-pf-star]{background:none;border:none;cursor:pointer;color:var(--faint);padding:2px;-webkit-tap-highlight-color:transparent;transition:color .12s ease}
.feedback [data-pf-star] .ic{width:26px;height:26px}
.feedback [data-pf-star].on{color:#F5A623}
/* Наведение заполняет все звёзды слева до наведённой (без JS тоже работает) */
.feedback .fb-stars:hover [data-pf-star]{color:#F5A623}
.feedback .fb-stars [data-pf-star]:hover ~ [data-pf-star]{color:var(--faint)}
.feedback [data-pf-star]:focus{outline:none}
.feedback [data-pf-star]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:7px}
.feedback textarea{width:100%;margin-top:10px;border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px;font:inherit;font-size:14px;resize:vertical;min-height:64px}
.feedback .fb-thanks{color:var(--accent);font-weight:600}

/* 1.7 law-ref инлайн-чип + поповер */
.lawref{position:relative;display:inline;font:inherit;color:var(--accent);background:none;border:none;border-bottom:1px dashed var(--accent);cursor:pointer;padding:0;white-space:nowrap}
.lawref::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px;vertical-align:middle}
.lawref-pop{display:none;position:absolute;z-index:60;left:0;top:1.7em;width:300px;max-width:80vw;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:12px 14px;font-weight:400;white-space:normal;text-align:left}
.lawref-pop.open{display:block}
.lawref-pop .lp-code{font-size:12px;color:var(--subtle);text-transform:uppercase;letter-spacing:.04em}
.lawref-pop .lp-title{font-weight:600;margin:2px 0 6px}
.lawref-pop .lp-sum{font-size:14px;color:var(--muted);line-height:1.5}
.lawref-pop a{font-size:14px;color:var(--accent);font-weight:600;display:inline-block;margin-top:8px}

/* 1.5 оглавление */
.toc{font-size:14px}
.toc ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.toc li{margin:0}
.toc a{display:block;padding:5px 0 5px 14px;color:var(--muted);border-left:2px solid transparent;margin-left:-2px}
.toc a:hover{color:var(--accent)}
.toc a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600}

/* 1.8 прогресс чтения */
.readbar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:80;transition:width .1s linear}
@media (prefers-reduced-motion: reduce){.readbar{transition:none}}

/* 1.6 липкий CTA (моб.) */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px -18px rgba(0,0,0,.3)}
.sticky-cta.show{display:flex}
.sticky-cta .sc-meta{font-size:14px;color:var(--muted)}
@media (min-width:860px){.sticky-cta{display:none!important}}

/* 1.9 шеринг */
.share-row{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.share-row .share-btn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);padding:7px 13px;cursor:pointer}
.share-row .share-btn:hover{border-color:var(--accent);color:var(--accent)}
.share-row .share-btn .ic{width:16px;height:16px}

/* 1.2 related-rail заголовок */
.rail{margin:26px 0}
.rail>h2{font-size:19px;margin:0 0 12px}
.rail .rail-note{font-size:14px;color:var(--subtle);margin:-6px 0 12px}

/* мини-бейджи */
.stat-badges{display:inline-flex;flex-wrap:wrap;gap:8px}
.stat-badges .sb{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);background:var(--surface-2);border-radius:var(--radius-pill);padding:5px 11px}
.stat-badges .sb .ic{width:15px;height:15px;color:var(--accent)}

/* 8.2 callout «Коротко/Важно» */
.callout{border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px;margin:18px 0}
.callout .co-title{font-weight:600;margin-bottom:4px}
.callout.co-warn{border-left-color:#E0A100}

/* 5.4 карточка автора */
.author-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;margin:18px 0}
.author-card img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.author-card .ac-name{font-weight:600}
.author-card .ac-role{font-size:14px;color:var(--accent)}
.author-card .ac-bio{font-size:14px;color:var(--muted);margin-top:4px}

/* 8.2 экономия (комплект) */
.savings .old{text-decoration:line-through;color:var(--faint);margin-right:8px}
.savings .save-badge{display:inline-block;font-size:12.5px;font-weight:700;color:#1f8a4c;background:#e7f6ec;border-radius:var(--radius-pill);padding:2px 10px}

/* 2.9 шаги «как работает» */
.step-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--accent);font-weight:700;flex:none}

/* §2.1 typeahead popover */
.suggest-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);z-index:60;overflow:hidden;text-align:left}
.suggest-pop a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;color:var(--ink);font-weight:500}
.suggest-pop a:hover,.suggest-pop a.active{background:var(--surface-2)}
.suggest-pop .si-type{font-size:12px;color:var(--subtle);flex:none}
.suggest-pop .si-all{font-weight:600;color:var(--accent);border-top:1px solid var(--line);justify-content:flex-start}

/* ===== Визуальный конструктор ===== */
/* «Фирменный» инлайн-инпут: как текущий текст, авто-размер, пунктирная полукруглая рамка, нежный ~80%-прозрачный фон */
.pd-field{
  display:inline;
  font:inherit; color:inherit; line-height:inherit;
  border:1.5px dashed #C3C9E6;
  border-radius:7px;                        /* мягкие углы, не pill */
  background:#F6F7FB;                        /* фон ближе к белому */
  padding:.04em .55em;
  margin:0 .06em;
  outline:none;
  white-space:pre-wrap;                     /* растёт вместе с текстом внутри */
  cursor:text;
  transition:background .15s ease, border-color .15s ease;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
@supports (background:color-mix(in srgb, red 10%, transparent)){
  .pd-field{ background:color-mix(in srgb, var(--accent) 4%, #fff); }
}
.pd-field:hover{ background:#EEF1F8; }
.pd-field:focus{ background:#EAEEF8; border-style:solid; border-color:var(--accent); }
.pd-field:empty::before{ content:attr(data-ph); color:var(--subtle); opacity:.85; }
/* токены в теле пункта (поле/сторона/ссылка) — тот же «фирменный» вид, разный оттенок */
.pd-tok{ display:inline; font:inherit; border:1.5px dashed var(--accent); border-radius:7px; background:rgba(75,91,255,.10); padding:.02em .5em; margin:0 .08em; cursor:pointer; white-space:nowrap; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.pd-tok[data-kind="party"]{ border-color:#8a6d00; background:rgba(224,161,0,.12); }
.pd-tok[data-kind="ref"]{ border-color:#1f8a4c; background:rgba(31,138,76,.12); }
.pd-tok .pd-x{ opacity:.5; margin-left:.3em; font-weight:700; }
.pd-tok:hover .pd-x{ opacity:1 }

/* Раскладка конструктора */
.pdc{ display:grid; grid-template-columns:1fr 320px; gap:18px; align-items:start }
@media (max-width:980px){ .pdc{ grid-template-columns:1fr } }
.pdc-canvas{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px 26px; min-height:60vh }
.pdc-side{ position:sticky; top:16px; display:flex; flex-direction:column; gap:14px }
.pdc-panel{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:14px 16px }
.pdc-panel h3{ font-size:14px; text-transform:uppercase; letter-spacing:.04em; color:var(--subtle); margin:0 0 10px }
.pdc-clause{ border-left:3px solid var(--line); padding:2px 0 2px 16px; margin:0 0 18px }
.pdc-clause.lvl2{ margin-left:22px }
.pdc-clause:focus-within{ border-left-color:var(--accent) }
.pdc-ctitle{ font-weight:700; font-size:19px; border:none; outline:none; width:100%; background:none; color:var(--ink); font-family:inherit }
.pdc-ctitle.lvl2{ font-size:16px }
.pdc-body{ margin-top:6px; line-height:1.7; outline:none; min-height:1.6em }
.pdc-body:empty::before{ content:'Текст пункта… вставляйте поля и стороны кнопками справа'; color:var(--subtle) }
.pdc-cmeta{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px }
.pdc-tag{ font-size:11.5px; color:var(--muted); background:var(--surface-2); border-radius:var(--radius-pill); padding:2px 9px; cursor:pointer; border:1px solid transparent }
.pdc-tag.on{ border-color:var(--accent); color:var(--accent-ink) }
.pdc-row{ display:flex; gap:6px; align-items:center; margin-bottom:6px }
.pdc-row input,.pdc-row select{ font:inherit; font-size:14px; border:1px solid var(--line); border-radius:7px; padding:6px 8px }
.pdc-row .k{ flex:1; min-width:0 }
.pdc-item{ border:1px solid var(--line); border-radius:7px; padding:8px 10px; margin-bottom:8px }
.pdc-item .pdc-name{ font-weight:600; font-size:14px }
.pdc-mini{ font-size:12px; color:var(--subtle) }
.pdc-ins{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; font-weight:600; color:var(--accent); background:rgba(75,91,255,.08); border:1px dashed var(--accent); border-radius:var(--radius-pill); padding:3px 10px; cursor:pointer; margin:2px 4px 2px 0 }
.pdc-dsl{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; white-space:pre-wrap; background:#0f1020; color:#e6e6f0; border-radius:var(--radius); padding:14px; max-height:320px; overflow:auto }
.pdc-toolbar{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:14px }

/* ===== Звено 10 — мастер: жёлтые плейсхолдеры + «фирменный» инпут в живом заполнении ===== */
/* Незаполненное поле в предпросмотре/итоге — жёлтая подсветка с меткой */
/* Незаполненное поле в предпросмотре — не кричащий жёлтый блок, а спокойный ближе-к-белому
   фон со светлым пунктиром (ТЗ: «фон приближенный к белому, полоски пунктир чуть светлее»). */
.doc-ph{ background:#FBFAF7; color:#8C8676; border-radius:7px; padding:0 3px; font-style:normal;
  border-bottom:1px dashed #D6D0C4; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.doc-ph::before{ content:'✎ '; opacity:.45; font-size:.85em; }

/* «Фирменный» вид инпутов мастера: как текст, пунктирная pill-рамка, нежный полупрозрачный фон */
[data-live-wizard] .wiz-step input:not([type=checkbox]):not([type=radio]),
[data-live-wizard] .wiz-step select{
  font:inherit; color:var(--ink);
  border:1.5px dashed #C3C9E6; border-radius:7px;
  background:#F6F7FB;
  padding:.62em .9em; transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
[data-live-wizard] .wiz-step input:not([type=checkbox]):not([type=radio])::placeholder{ color:var(--subtle); }
[data-live-wizard] .wiz-step input:not([type=checkbox]):not([type=radio]):hover,
[data-live-wizard] .wiz-step select:hover{ background:#EEF1F8; }
[data-live-wizard] .wiz-step input:not([type=checkbox]):not([type=radio]):focus,
[data-live-wizard] .wiz-step select:focus{
  outline:none; border-style:solid; border-color:var(--accent); background:#EAEEF8;
  box-shadow:0 0 0 3px rgba(75,91,255,.10);
}
.wiz-foot .wiz-skip{ color:var(--muted); }

/* ===== Звено 7 — мобильная выверка: воздух + удобные тап-таргеты (≥44px) ===== */
@media (max-width:640px){
  /* Тап-таргеты */
  .btn,.btn-sm,.chip,.share-btn,.clause,.tab,.pdc-tag{ min-height:44px; }
  .btn,.btn-sm{ padding:12px 18px; }
  .btn-sm{ font-size:14px; }
  .chip{ padding:10px 14px; display:inline-flex; align-items:center; }
  .link-arrow{ display:inline-flex; align-items:center; min-height:40px; }
  .icon-btn,.burger{ min-width:44px; min-height:44px; }
  .list-card .row-main{ min-height:52px; }

  /* Поля: ≥16px (без авто-зума iOS) + комфортная высота */
  input:not([type=checkbox]):not([type=radio]),select,textarea{ font-size:16px; }
  .wiz-step input:not([type=checkbox]):not([type=radio]),.wiz-step select,
  .field input,.field select,.field textarea{ min-height:44px; }

  /* Воздух между секциями и внутри карточек */
  .section-sm{ padding-top:26px; padding-bottom:26px; }
  .rail{ margin:22px 0; }
  .card{ padding:16px; }
  .wrap{ padding-left:18px; padding-right:18px; }
  .h1,.hero .h1{ font-size:27px; line-height:1.16; }
  .h2{ font-size:21px; }
  .lead{ font-size:16px; }

  /* Списки/полосы — просторнее и переносятся */
  .list-card .row-main{ padding:14px; gap:10px; }
  .trust-strip{ gap:8px 14px; }
  .stats{ gap:10px 16px; }
  .crumbs{ flex-wrap:wrap; row-gap:4px; }

  /* Мастер: предпросмотр под формой, без sticky */
  .wiz{ gap:16px; }
  .sticky{ position:static; top:auto; }
  aside.sticky{ margin-top:16px; }
  .wiz-body{ padding:18px; }
  .wiz-foot{ padding:14px 18px; flex-wrap:wrap; }
  .wiz-foot .btn{ flex:1 1 auto; }
  .doc-preview-body{ padding:20px 18px; }

  /* Клик по всей карточке-плитке */
  .tile{ min-height:88px; }

  /* Липкий мобильный CTA не перекрывает контент. Отступ — в ТЁМНОМ футере (а не на body),
     иначе под футером была белая полоса. */
  .site-footer{ padding-bottom:80px; }

  /* Хедер на мобиле ниже (~−20%): 70 → 56px */
  .header-bar{ height:56px; }
  [data-header]{ min-height:57px; }

  /* Широкие таблицы (админка) — горизонтальная прокрутка */
  .adm,.table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

/* Точная подстройка совсем узких экранов */
@media (max-width:380px){
  .btn-row,.share-row{ flex-direction:column; align-items:stretch; }
  .btn-row .btn,.share-row .share-btn{ width:100%; justify-content:center; }
}

/* §9 a11y — skip to content (виден только при фокусе с клавиатуры) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 7px 0;font-weight:600;text-decoration:none}
.skip-link:focus{left:0}

.toc-box{border:1px solid var(--line);border-radius:7px;padding:14px 16px;margin:0 0 22px;background:var(--surface)}
.toc-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.toc-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.toc-box a{font-size:14px;color:var(--muted);line-height:1.45}
.toc-box a:hover{color:var(--accent)}
.toc-box a.active{color:var(--accent);font-weight:600}

/* ── Шорткоды журнала (§3): чек-лист, инлайн-док, классификаторы, gov, faq ── */
.sc-checklist{margin:22px 0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.sc-cl-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--line);font-size:16px}
.sc-cl-head .ic{width:18px;height:18px;color:var(--accent)}
.sc-cl-head b{flex:1}
.sc-cl-print{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:var(--radius-pill);padding:4px 12px;font-size:13px;cursor:pointer}
.sc-cl-print:hover{color:var(--accent);border-color:var(--accent)}
.sc-cl-list{list-style:none;margin:0;padding:6px 0}
.sc-cl-item{display:flex;gap:12px;padding:10px 16px;align-items:flex-start}
.sc-cl-item + .sc-cl-item{border-top:1px solid var(--faint)}
.sc-cl-mark{flex:none;width:20px;height:20px;margin-top:1px;border:2px solid var(--accent);border-radius:7px;position:relative}
.sc-cl-mark::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sc-cl-name{display:block;font-weight:600}
.sc-cl-note{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.sc-block-h{font-size:17px;margin:0 0 12px}
.sc-docs,.sc-package{margin:22px 0}
/* инлайн-ссылка на документ */
.sc-doc{display:inline-flex;align-items:baseline;gap:5px;padding:1px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);text-decoration:none;color:var(--ink);font-size:.94em;line-height:1.5}
.sc-doc:hover{border-color:var(--accent);color:var(--accent)}
.sc-doc .ic{width:13px;height:13px;color:var(--accent);align-self:center}
.sc-doc-p{color:var(--muted);font-size:.85em}
/* карточка ситуации/раздела */
.sc-clsf{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;color:var(--ink)}
.sc-clsf:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}
.sc-clsf .ic-accent{width:22px;height:22px;color:var(--accent);flex:none}
.sc-clsf-b{flex:1;display:flex;flex-direction:column;gap:2px}
.sc-clsf-cta{color:var(--accent);font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
/* gov-ссылка */
.sc-gov{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg);text-decoration:none;color:var(--ink)}
.sc-gov:hover{background:var(--surface);box-shadow:var(--shadow-card)}
.sc-gov-fav{flex:none;border-radius:7px}
.sc-gov-b{display:flex;flex-direction:column;gap:1px}
/* faq-аккордеон */
.sc-faq{margin:22px 0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.sc-faq-item{border-bottom:1px solid var(--faint)}
.sc-faq-item:last-child{border-bottom:0}
.sc-faq-item summary{padding:13px 16px;cursor:pointer;font-weight:600;list-style:none;position:relative}
.sc-faq-item summary::-webkit-details-marker{display:none}
.sc-faq-item summary::after{content:"+";position:absolute;right:16px;color:var(--accent);font-weight:400}
.sc-faq-item[open] summary::after{content:"−"}
.sc-faq-a{padding:0 16px 14px;color:var(--muted)}
/* предупреждение в preview (публично не появляется) */
.sc-warn{display:inline-block;background:#fdeceb;color:var(--danger);border:1px dashed var(--danger);border-radius:7px;padding:1px 8px;font-size:13px}

/* ── §6.5 Пустой-стейт (единый компонент) ── */
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:38px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}
.empty-ic{width:34px;height:34px;color:var(--muted);opacity:.7}
.empty-title{font-weight:700;font-size:17px;color:var(--ink)}
.empty-text{margin:0;max-width:46ch;color:var(--muted);font-size:14px;line-height:1.55}
.empty .btn{margin-top:4px}

/* ── §6.9 FAQ: равная высота карточек в ряду ── */
.doc-faq{align-items:stretch}
.doc-faq-item{height:100%}

/* ── §5.1 Футер: колонки-аккордеоны на мобиле, раскрыты на десктопе ── */
.footer-col>summary{cursor:pointer;list-style:none}
.footer-col>summary::-webkit-details-marker{display:none}
@media(min-width:721px){
  .footer-col>summary{pointer-events:none}
  .footer-col>:not(summary){display:block!important}   /* десктоп: всегда раскрыто */
}
@media(max-width:720px){
  .footer-col{border-bottom:1px solid var(--line-soft,rgba(255,255,255,.12))}
  .footer-col>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
  .footer-col>summary::after{content:"+";font-weight:400;opacity:.7}
  .footer-col[open]>summary::after{content:"−"}
}

/* §1 fallback ненайденной нормы [[ref:]] — человекочитаемый текст, не чип и не маркер */
.lawref-plain{color:var(--muted)}

/* §3.4 табличная часть форм (счёт/накладная/УПД) */
.doc-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.doc-table th,.doc-table td{border:1px solid var(--line);padding:6px 9px;vertical-align:top}
.doc-table thead th{background:var(--bg);font-weight:700;text-align:left}
.doc-table tfoot td{font-weight:700;background:var(--bg)}
.doc-table .ta-r{text-align:right}
.doc-table .ta-c{text-align:center}
.doc-table .ta-l{text-align:left}

/* ============================================================
   Редизайн (редакционный стиль) — прототип primadoc-redesign.
   Scoped .ed-* классы + .ed-* переменные: не трогают шапку/футер
   и остальные компоненты. Применяются постранично.
   ============================================================ */
:root{
  --ed-ink:#17140d; --ed-ink2:#403b31; --ed-line:#E7E3D9; --ed-line-soft:#F1EDE4;
  --ed-accent:#3b4ee0; --ed-accent-ink:#2b3aad; --ed-accent-soft:#F1F3FD;
  --ed-amber:#87692a; --ed-amber-soft:#F7F1E1; --ed-panel:#FAFAF8;
  --ed-serif:'PT Serif',Georgia,"Times New Roman",serif; --ed-rad:7px;
}
.ed-page{background:#fff;color:var(--ed-ink)}
/* Ширина контента — как на всём сайте (.wrap = --maxw 1360px). НЕ сужаем. */
.ed-page h1,.ed-page h2,.ed-page h3{font-family:var(--ed-serif);font-weight:700;line-height:1.14;letter-spacing:-.01em;color:var(--ed-ink);margin:0}
.ed-sec{padding:44px 0}
.ed-sec.tight{padding:26px 0}
.ed-sec--line{border-top:1px solid var(--ed-line)}
.ed-kicker{font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ed-accent);display:block}
.ed-crumbs{font-size:14px;color:var(--ed-ink2);padding:22px 0 6px}
.ed-crumbs a{color:var(--ed-ink2)}
.ed-lead{font-size:20px;color:var(--ed-ink2);line-height:1.5}
.ed-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.ed-sh h2{font-size:29px}
.ed-sh a{font-size:15px;font-weight:600;color:var(--ed-accent);white-space:nowrap}
.ed-grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ed-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ed-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
/* кнопки */
.ed-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ed-accent);color:#fff;border:none;border-radius:var(--ed-rad);padding:12px 20px;font-family:var(--sans);font-weight:600;font-size:15.5px;cursor:pointer;text-decoration:none}
.ed-btn:hover{background:var(--ed-accent-ink);color:#fff}
.ed-btn.ghost{background:#fff;color:var(--ed-ink);border:1px solid var(--ed-ink)}
.ed-btn.ghost:hover{background:var(--ed-ink);color:#fff}
.ed-btn.block{display:flex;width:100%}
/* отраслевой слой: чип-ссылка, заголовок секции, CTA-мост */
.ed-chip{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--ed-line);border-radius:7px;font-size:13.5px;color:var(--ed-ink2);text-decoration:none;background:#fff;line-height:1.2}
.ed-chip:hover{border-color:var(--ed-accent);color:var(--ed-accent)}
.ed-chip.ghost{background:var(--ed-panel);color:var(--ed-ink2);border-style:dashed}
.ed-h2{font-family:var(--ed-serif);font-weight:700;font-size:clamp(23px,3vw,29px);line-height:1.16;letter-spacing:-.01em;color:var(--ed-ink)}
.ed-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid var(--ed-line);border-radius:var(--ed-rad);background:var(--ed-panel);padding:22px 24px}
.ed-cta .nm{font-family:var(--ed-serif);font-weight:700;font-size:20px;line-height:1.2;color:var(--ed-ink)}
.ed-cta .ex{font-size:15px;color:var(--ed-ink2);margin-top:6px}
/* единый компонент карточки документа */
.ed-dcard{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:19px 20px;display:flex;flex-direction:column;background:#fff;text-decoration:none;color:var(--ed-ink)}
.ed-dcard:hover{border-color:var(--ed-accent)}
.ed-dcard .nm{font-family:var(--ed-serif);font-weight:700;font-size:18px;line-height:1.25;margin-bottom:7px}
.ed-dcard .ds{font-size:15px;color:var(--ed-ink2);margin-bottom:16px}
.ed-dcard .ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ed-dcard .pr{font-weight:700}
.ed-dcard .pr.free{color:var(--ed-accent)}
.ed-dcard .mt{font-size:14px;color:var(--ed-ink2)}
.ed-dcard .go{font-size:14px;font-weight:600;color:var(--ed-accent)}
/* тарифы */
.ed-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ed-tier{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:24px;background:#fff;display:flex;flex-direction:column}
.ed-tier.reco{border-color:var(--ed-accent);border-top:3px solid var(--ed-accent)}
.ed-tier .tag{align-self:flex-start;background:var(--ed-accent-soft);color:var(--ed-accent-ink);font-size:12.5px;font-weight:700;border-radius:7px;padding:3px 10px;margin-bottom:12px}
.ed-tier .nm{font-family:var(--ed-serif);font-weight:700;font-size:22px;margin-bottom:6px}
.ed-tier .pr{font-size:30px;font-weight:700;font-family:var(--ed-serif);margin-bottom:4px}
.ed-tier .pr small{font-size:16px;color:var(--ed-ink2);font-weight:400}
.ed-tier .ds{font-size:15px;color:var(--ed-ink2);margin-bottom:18px}
.ed-tier ul{list-style:none;margin:0 0 20px;padding:0;font-size:15px}
.ed-tier li{padding:7px 0 7px 22px;position:relative;color:var(--ed-ink)}
.ed-tier li::before{content:"✓";position:absolute;left:0;color:var(--ed-accent);font-weight:700}
.ed-tier .cta{margin-top:auto}
.ed-paystrip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:15px;color:var(--ed-ink2)}
.ed-paystrip b{color:var(--ed-ink)}
/* продающая карточка комплекта */
.ed-pack{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:20px 22px;background:#fff;display:flex;flex-direction:column;text-decoration:none;color:var(--ed-ink)}
.ed-pack .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.ed-pack .nm{font-family:var(--ed-serif);font-weight:700;font-size:20px;line-height:1.2}
.ed-pack .disc{background:var(--ed-accent);color:#fff;font-size:13px;font-weight:700;border-radius:7px;padding:3px 9px;white-space:nowrap}
.ed-pack .cnt{font-size:14.5px;color:var(--ed-ink2);margin-bottom:14px}
.ed-pack .items{list-style:none;margin:0 0 14px;padding:0;font-size:14.5px}
.ed-pack .items li{padding:5px 0 5px 22px;position:relative;color:var(--ed-ink)}
.ed-pack .items li::before{content:"✓";position:absolute;left:0;color:var(--ed-accent);font-weight:700}
.ed-pack .prc{font-size:15.5px;margin-bottom:16px}
.ed-pack .prc s{color:#9c968a;margin-right:8px}
.ed-pack .prc b{font-weight:700}
.ed-pack .cta{margin-top:auto}
.ed-pack.soon{background:var(--ed-panel);border-style:dashed}
.ed-pack.soon .nm{color:var(--ed-ink2)}
/* обложка раздела, карточка ситуации */
.ed-cover{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:20px 22px;background:#fff;display:flex;flex-direction:column;min-height:128px;text-decoration:none;color:var(--ed-ink)}
.ed-cover:hover{border-color:var(--ed-accent)}
.ed-cover .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}
.ed-cover .nm{font-family:var(--ed-serif);font-weight:700;font-size:20px;line-height:1.15}
.ed-cover .cnt{font-size:14px;color:var(--ed-ink2);font-weight:600;white-space:nowrap;margin-left:12px}
.ed-cover .ex{font-size:14.5px;color:var(--ed-ink2);line-height:1.45;margin-top:auto}
.ed-sit{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:18px 20px;background:#fff;display:flex;flex-direction:column;text-decoration:none;color:var(--ed-ink)}
.ed-sit:hover{border-color:var(--ed-accent)}
.ed-sit .nm{font-family:var(--ed-serif);font-weight:700;font-size:18px;margin-bottom:8px}
.ed-sit .dd{font-size:14.5px;color:var(--ed-ink2);margin-bottom:14px;line-height:1.45}
.ed-sit .ct{font-size:14px;color:var(--ed-accent);font-weight:600;margin-top:auto}
/* отзывы */
.ed-revs{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px}
.ed-rev .st{color:var(--ed-amber);font-size:15px;margin-bottom:10px}
.ed-rev .q{font-family:var(--ed-serif);font-size:18px;line-height:1.5;color:var(--ed-ink);display:block}
.ed-rev .m{font-size:15px;color:var(--ed-ink2);margin-top:11px}
.ed-rev .m b{color:var(--ed-ink);font-weight:700}
/* журнал */
.ed-jfeat{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--ed-line);border-radius:var(--ed-rad);overflow:hidden;background:#fff;text-decoration:none;color:var(--ed-ink)}
.ed-jfeat .im{background:var(--ed-panel);min-height:240px;background-size:cover;background-position:center}
.ed-jfeat .tx{padding:32px}
.ed-jfeat .tx h2{font-size:30px;line-height:1.12;margin:10px 0 12px}
.ed-jfeat .tx p{font-size:16px;color:var(--ed-ink2)}
.ed-jcard{text-decoration:none;color:var(--ed-ink);display:block}
.ed-jcard .im{background:var(--ed-panel);height:150px;border-radius:var(--ed-rad);margin-bottom:12px;background-size:cover;background-position:center}
.ed-jcard .rub{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-accent)}
.ed-jcard h3{font-size:19px;line-height:1.22;margin:7px 0 8px;font-family:var(--ed-serif)}
.ed-jcard:hover h3{color:var(--ed-accent)}
.ed-jcard .m{font-size:14px;color:var(--ed-ink2)}
.ed-rubnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.ed-rubnav a{font-size:14.5px;padding:7px 15px;border:1px solid var(--ed-line);border-radius:7px;color:var(--ed-ink);text-decoration:none}
.ed-rubnav a:hover,.ed-rubnav a.on{border-color:var(--ed-accent);color:var(--ed-accent)}
.ed-rubnav a.on{background:var(--ed-accent-soft)}
/* faq раскрыт */
.ed-faq .item{padding:0 0 22px}
.ed-faq h3{font-size:20px;margin-bottom:8px}
.ed-faq p{font-size:16.5px;color:var(--ed-ink2);margin:0;max-width:76ch}
/* split + rail (категория/статья/документ) */
.ed-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.ed-rail{position:sticky;top:70px;display:flex;flex-direction:column;gap:16px}
.ed-rbox{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:18px 20px;background:#fff}
.ed-rbox h4{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ed-ink2);margin:0 0 12px}
.ed-seg{display:inline-flex;gap:7px;flex-wrap:wrap}
.ed-seg span,.ed-seg a{font-size:14px;padding:6px 12px;border:1px solid var(--ed-line);border-radius:7px;color:var(--ed-ink2);cursor:pointer;text-decoration:none}
.ed-seg span.on,.ed-seg a.on,.ed-seg span.active,.ed-seg [data-pill].active{background:var(--ed-ink);color:#fff;border-color:var(--ed-ink)}
.ed-main{min-width:0}
.ed-catpack{border:1px solid var(--ed-line);border-top:3px solid var(--ed-amber);border-radius:var(--ed-rad);padding:20px;background:var(--ed-amber-soft)}
/* byline + pull-quote + доклист */
.ed-byline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:15px;color:var(--ed-ink2);margin-top:14px}
.ed-byline .verif{color:var(--ed-amber);font-weight:600}
.ed-byline .st{color:var(--ed-amber)}
.ed-pq{border-left:3px solid var(--ed-amber);background:var(--ed-amber-soft);padding:22px 26px;border-radius:0 var(--ed-rad) var(--ed-rad) 0;margin:26px 0}
.ed-pq .q{font-family:var(--ed-serif);font-size:21px;line-height:1.45;color:var(--ed-ink)}
.ed-pq .by{margin-top:12px;font-size:14.5px;color:var(--ed-ink2)}
.ed-pq .by b{color:var(--ed-ink)}
/* лист документа (Word-подобный предпросмотр на всю ширину) */
.ed-sheetwrap{background:#f1efe9;border-radius:var(--ed-rad);padding:30px}
.ed-sheet{background:#fff;border:1px solid var(--ed-line);box-shadow:0 10px 30px -18px rgba(0,0,0,.28);max-width:720px;margin:0 auto;padding:48px 56px;font-family:var(--ed-serif);color:#111;line-height:1.7;font-size:16px}
.ed-sheet .foot{margin-top:26px;padding-top:12px;border-top:1px solid var(--ed-line);text-align:center;font-size:13px;color:#9c968a}
/* адаптив */
@media(max-width:940px){
  .ed-grid2,.ed-grid3,.ed-grid4,.ed-tiers,.ed-revs,.ed-jfeat{grid-template-columns:1fr}
  .ed-split{grid-template-columns:1fr}
  .ed-rail{position:static}
}
.ed-checklist{list-style:none;margin:0;padding:0;font-size:15px}
.ed-checklist li{padding:7px 0 7px 22px;position:relative;color:var(--ed-ink)}
.ed-checklist li::before{content:"✓";position:absolute;left:0;color:var(--ed-accent);font-weight:700}
/* каталог: раздел-обложка со ссылками на подкатегории */
.ed-catcard{border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:20px 22px;background:#fff;display:flex;flex-direction:column}
.ed-catcard .hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.ed-catcard .hd h2{font-family:var(--ed-serif);font-size:20px;line-height:1.15;margin:0}
.ed-catcard .hd h2 a{color:var(--ed-ink)}
.ed-catcard .hd h2 a:hover{color:var(--ed-accent)}
.ed-catcard .hd .cnt{font-size:13px;font-weight:700;color:var(--ed-accent);white-space:nowrap}
.ed-sublinks{display:flex;flex-direction:column;gap:2px}
.ed-sublinks a{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:15px;color:var(--ed-ink);border-bottom:1px solid var(--ed-line-soft)}
.ed-sublinks a:last-child{border-bottom:0}
.ed-sublinks a:hover{color:var(--ed-accent)}
.ed-sublinks a .n{color:var(--ed-ink2);font-weight:600}
.ed-sublinks a.more{color:var(--ed-accent);font-weight:600}
/* статья (редизайн) */
.ed-article{font-size:18px;line-height:1.72;color:var(--ed-ink);max-width:none}
.ed-article h2{font-family:var(--ed-serif);font-size:27px;margin:34px 0 12px;line-height:1.2}
.ed-article h3{font-family:var(--ed-serif);font-size:21px;margin:26px 0 10px}
.ed-article p{margin:0 0 16px}
.ed-article a{color:var(--ed-accent);text-decoration:underline;text-underline-offset:2px}
.ed-article ul,.ed-article ol{margin:0 0 16px;padding-left:22px}
.ed-article li{margin:6px 0}
.ed-article img{max-width:100%;height:auto;border-radius:var(--ed-rad)}
.ed-article blockquote{border-left:3px solid var(--ed-accent);margin:20px 0;padding:6px 18px;color:var(--ed-ink2)}
.ed-takeaways{background:var(--ed-panel);border:1px solid var(--ed-line);border-radius:var(--ed-rad);padding:18px 22px;margin:22px 0}
.ed-takeaways .t{font-weight:700;font-family:var(--ed-serif);font-size:17px;margin-bottom:8px}
.ed-takeaways ul{margin:0;padding-left:20px;color:var(--ed-ink2)}
.ed-tgt{border:1px solid var(--ed-line);border-top:3px solid var(--ed-accent);border-radius:var(--ed-rad);padding:18px 20px;background:#fff;display:block;text-decoration:none;color:var(--ed-ink)}
.ed-tgt .k{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-accent);margin-bottom:6px}
.ed-tgt .nm{font-family:var(--ed-serif);font-weight:700;font-size:18px;line-height:1.25;margin-bottom:14px}
.ed-toc a{display:block;font-size:14px;line-height:1.4;color:var(--ed-ink2);padding:5px 0 5px 12px;border-left:2px solid var(--ed-line);text-decoration:none}
.ed-toc a:hover,.ed-toc a.active{color:var(--ed-accent);border-left-color:var(--ed-accent)}
.ed-rlist{list-style:none;margin:0;padding:0}
.ed-rlist li{padding:8px 0;border-bottom:1px solid var(--ed-line-soft)}
.ed-rlist li:last-child{border-bottom:0}
.ed-rlist a{color:var(--ed-ink);font-size:15px;text-decoration:none;display:block}
.ed-rlist a:hover{color:var(--ed-accent)}
.ed-rlist .dt{display:block;font-size:13px;color:var(--ed-ink2);margin-top:2px}

/* ===== Флагман /doc: компоненты по прототипу (О документе, pull-quote юриста, отзывы, share) ===== */
.docpg .sh{font-family:var(--ed-serif);font-weight:700;font-size:clamp(23px,3vw,29px);line-height:1.16;letter-spacing:-.01em;color:var(--ed-ink);margin:48px 0 20px}
.docpg .byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:14px;font-size:15px;color:var(--ed-ink2)}
.docpg .byline .s{color:var(--ed-amber);font-weight:700}
.docpg .byline b{color:var(--ed-ink)}
.docpg .byline .law{display:flex;align-items:center;gap:9px}
.docpg .byline .law .a{width:30px;height:30px;border-radius:50%;background:var(--ed-amber-soft);border:1px solid var(--ed-amber);color:var(--ed-amber);display:grid;place-items:center;font-family:var(--ed-serif);font-weight:700;font-size:13px}
.docpg .byline .law span{color:var(--ed-amber);font-weight:600}
/* О документе — три колонки Зачем / Как / Риск */
.docpg .cols3d{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.docpg .cols3d .k{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ed-accent);margin-bottom:9px}
.docpg .cols3d h3{font-family:var(--ed-serif);font-size:20px;font-weight:700;margin:0 0 9px;color:var(--ed-ink)}
.docpg .cols3d p{font-size:16px;line-height:1.55;color:var(--ed-ink2);margin:0}
@media(max-width:760px){.docpg .cols3d{grid-template-columns:1fr;gap:20px}}
/* pull-quote юриста — во всю колонку, амбер */
.docpg .pull{margin:38px 0;border-left:3px solid var(--ed-amber);background:var(--ed-amber-soft);padding:24px 28px;border-radius:0 7px 7px 0}
.docpg .pull .q{font-family:var(--ed-serif);font-size:21px;line-height:1.44;color:var(--ed-ink);display:block}
.docpg .pull .q b{color:var(--ed-amber)}
.docpg .pull .cred{display:flex;align-items:center;gap:13px;margin-top:18px}
.docpg .pull .cred .a{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--ed-amber);color:var(--ed-amber);display:grid;place-items:center;font-family:var(--ed-serif);font-weight:700;flex:none}
.docpg .pull .cred .nm{font-size:16.5px;font-weight:700;color:var(--ed-ink)}
.docpg .pull .cred .rl{font-size:15px;color:var(--ed-amber)}
/* FAQ — всегда раскрыт */
.docpg .faq2 .item{padding:0 0 22px}
.docpg .faq2 h3{font-family:var(--ed-serif);font-size:19px;font-weight:700;margin:0 0 8px;color:var(--ed-ink)}
.docpg .faq2 p{font-size:16px;line-height:1.55;color:var(--ed-ink2);margin:0;max-width:76ch}
/* отзывы с текстом */
.docpg .revs{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px}
.docpg .rev .rst{color:var(--ed-amber);font-size:15px;margin-bottom:9px;letter-spacing:1px}
.docpg .rev .rq{font-family:var(--ed-serif);font-size:17.5px;line-height:1.5;color:var(--ed-ink);display:block}
.docpg .rev .rm{font-size:15px;color:var(--ed-ink2);margin-top:10px}
.docpg .rev .rm b{color:var(--ed-ink);font-weight:700}
@media(max-width:760px){.docpg .revs{grid-template-columns:1fr}}
/* share-строка */
.docpg .sharebar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:15px;color:var(--ed-ink2);margin-top:40px;border-top:1px solid var(--ed-line);padding-top:22px}
.docpg .sharebar .s{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--ed-line);border-radius:7px;color:var(--ed-ink2);cursor:pointer;font-size:14px;text-decoration:none;background:#fff}
.docpg .sharebar .s:hover{border-color:var(--ed-accent);color:var(--ed-accent)}
/* липкий рейл цены «Скачать и получить» */
.docpg .pr-box{border:1px solid var(--ed-line);border-top:3px solid var(--ed-accent);border-radius:7px;background:#fff;padding:22px}
.docpg .pr-box .price-h{font-family:var(--ed-serif);font-size:20px;font-weight:700;margin-bottom:14px;color:var(--ed-ink)}
.docpg .pr-box .opt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--ed-line-soft,#F1EDE4)}
.docpg .pr-box .opt:first-of-type{border-top:none}
.docpg .pr-box .opt .n{font-size:15.5px;font-weight:600;color:var(--ed-ink)}
.docpg .pr-box .opt .n .s{display:block;font-size:13.5px;color:var(--ed-ink2);font-weight:400;margin-top:2px}
.docpg .pr-box .opt .v{font-weight:700;font-size:15.5px;white-space:nowrap;color:var(--ed-ink)}
.docpg .pr-box .opt .v.free{color:var(--ed-accent)}
.docpg .pr-box .trust{font-size:13.5px;color:var(--ed-ink2);text-align:center;margin-top:14px;line-height:1.5}
.docpg .pr-box .trust b{color:var(--ed-amber)}
.docpg .pr-box .pay{display:flex;justify-content:center;gap:8px;font-size:13.5px;color:var(--ed-ink2);margin-top:10px}
.docpg .pr-box .pay b{color:var(--ed-ink)}
.docpg .packbox{border:1px solid var(--ed-line);border-radius:7px;background:var(--ed-amber-soft);padding:20px}
.docpg .packbox .k{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ed-amber);margin-bottom:9px}
.docpg .packbox .nm{font-family:var(--ed-serif);font-weight:700;font-size:19px;margin-bottom:7px;color:var(--ed-ink)}
.docpg .packbox .dd{font-size:15px;color:var(--ed-ink2);margin-bottom:14px}

/* ── Лёгкая editorial-обёртка для второстепенных страниц: белый фон + serif-заголовки,
      без сброса отступов (сохраняем .mt-*/.mb-* на страницах с несколькими секциями) ── */
.edp{background:#fff;color:var(--ed-ink)}
.edp h1,.edp h2,.edp h3{font-family:var(--ed-serif);letter-spacing:-.01em;color:var(--ed-ink);font-weight:700}
.edp .page-title,.edp .h1{font-family:var(--ed-serif);letter-spacing:-.02em}
.edp .lead{color:var(--ed-ink2)}
.edp .card,.edp .card-link,.edp .list-card{border-radius:7px}