/* GENERATED by scripts/redesign/sync-redesign-css.sh — edit resources/css/redesign/*, not this file. */
/* FG.PLANTS · legal documents (/offer, /privacy, /cookies) — route-scoped bundle (live-legal.css).
   Designer package «Пакет - документы» 28.09.2026, variant B; values normalized to runtime-base tokens.
   Подключать ПОСЛЕ runtime-base.css и live-shared.css. Токены — из runtime-base.css.
   Вариант B: вкладки документов в интро, оглавление справа + scroll-spy, чипы-якоря, ширина строки и висячая нумерация, дата редакции, мобильная панель содержания, печать/PDF. */

:root{--doc-header-h:72px;--doc-scroll-offset:96px}
@media (max-width:767px){:root{--doc-header-h:60px}}
@media (max-width:1023px){:root{--doc-scroll-offset:calc(var(--doc-header-h) + 72px)}}
[data-doc-section],.offer-accordion[id]{scroll-margin-top:calc(var(--doc-scroll-offset) + 16px)}

/* ── 1. Раскладка: текст слева, оглавление справа ── */
.legal-layout,.offer-layout{grid-template-columns:minmax(0,1fr) 264px}
.doc-intro-wide{margin-bottom:var(--sp-6)}
.doc-rail{position:sticky;top:var(--doc-scroll-offset);display:flex;flex-direction:column;gap:18px;padding-top:var(--sp-1);max-height:calc(100vh - var(--doc-scroll-offset) - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.doc-toc{display:flex;flex-direction:column;gap:10px}
.doc-toc__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.doc-toc__list{position:relative;display:flex;flex-direction:column;gap:2px;--toc-progress:0}
.doc-toc__list::before,.doc-toc__list::after{content:"";position:absolute;left:18px;top:16px;width:2px;border-radius:2px;pointer-events:none}
.doc-toc__list::before{bottom:16px;background:var(--border-2)}
.doc-toc__list::after{height:calc((100% - 32px) * var(--toc-progress));background:var(--leaf);transition:height var(--duration-240,var(--duration-240)) var(--ease)}
.doc-toc__link{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;min-height:36px;padding:7px 10px 7px var(--sp-2);border-radius:var(--r-field);font:600 14px/1.35 var(--font-text);color:var(--text-2);transition:background-color var(--duration-160) var(--ease),color var(--duration-160) var(--ease)}
.doc-toc__num{position:relative;z-index:var(--z-index-1);display:grid;place-items:center;width:22px;height:22px;margin-top:-2px;border-radius:50%;background:var(--cloud);box-shadow:inset 0 0 0 1.5px var(--border-1);font:800 11px var(--font-display);color:var(--text-3);font-variant-numeric:tabular-nums;transition:background-color var(--duration-160) var(--ease),color var(--duration-160) var(--ease),box-shadow var(--duration-160) var(--ease)}
.doc-toc__link:hover{background:rgba(15,109,75,.04);color:var(--text-1)}
.doc-toc__link.is-passed .doc-toc__num{background:var(--mint);box-shadow:none;color:var(--leaf-dark)}
.doc-toc__link.is-active{background:rgba(15,109,75,.07);color:var(--leaf-dark);font-weight:700}
.doc-toc__link.is-active .doc-toc__num{background:var(--leaf-dark);box-shadow:none;color:var(--cloud)}
.doc-toc__link:focus-visible,.doc-switch a:focus-visible,.doc-print:focus-visible,a.legal-summary-item:focus-visible,a.offer-summary-item:focus-visible,.doc-toc-bar__btn:focus-visible{outline:2px solid var(--leaf-dark);outline-offset:2px}
/* тонкое оглавление справа: линия слева, без кружков (кружки остаются в мобильном листе) */
.doc-rail .doc-toc__head{padding-left:var(--sp-4)}
.doc-rail .doc-toc__list{gap:0}
.doc-rail .doc-toc__list::before{left:0;top:0;bottom:0}
.doc-rail .doc-toc__list::after{display:none}
.doc-rail .doc-toc__link{grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px 0 7px var(--sp-4);border-radius:0;background:none}
.doc-rail .doc-toc__link:hover{color:var(--leaf-dark)}
.doc-rail .doc-toc__link:focus-visible{outline-offset:-2px}
.doc-rail .doc-toc__num{width:auto;height:auto;margin:0;background:none!important;box-shadow:none!important;font:700 13px var(--font-text);color:var(--text-4);place-items:start}
.doc-rail .doc-toc__link.is-active{background:none}
.doc-rail .doc-toc__link.is-active::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:var(--leaf-dark)}
.doc-rail .doc-toc__link.is-active .doc-toc__num{color:var(--leaf-dark)}
.doc-rail .doc-toc__link.is-passed{color:var(--text-3)}
.doc-rail .doc-print{align-self:flex-start;margin-left:var(--sp-4)}
.doc-rail__mail{padding-left:var(--sp-4);font-size:13px;line-height:1.5;color:var(--text-3)}
.doc-rail__mail a{color:var(--leaf-dark);font-weight:700}
.doc-print{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--border-1);background:var(--cloud);font:700 14px var(--font-display);color:var(--leaf-dark);cursor:pointer;transition:background-color var(--duration-160) var(--ease),border-color var(--duration-160) var(--ease)}
.doc-print:hover{background:rgba(15,109,75,.05);border-color:var(--leaf)}
.doc-print svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}

/* ── 2. Интро: дата редакции, чипы-якоря ── */
.doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;color:var(--text-3)}
.doc-meta time{font-weight:700;color:var(--text-2)}
a.legal-summary-item,a.offer-summary-item{cursor:pointer;transition:background-color var(--duration-160) var(--ease),border-color var(--duration-160) var(--ease),color var(--duration-160) var(--ease)}
a.legal-summary-item:hover,a.offer-summary-item:hover{background:var(--cloud);border-color:var(--leaf);color:var(--leaf-dark)}
.legal-summary-item__ref,.offer-summary-item__ref{font:700 12px var(--font-text);color:var(--text-3);font-variant-numeric:tabular-nums}
a.legal-summary-item:hover .legal-summary-item__ref,a.offer-summary-item:hover .offer-summary-item__ref{color:var(--leaf-dark)}

/* ── 3. Читаемость ── */
.legal-section p,.offer-section p,.legal-section li,.offer-sublist li,.legal-notice{max-width:68ch;color:var(--text-1)}
.legal-section p,.offer-section p,.legal-section li,.offer-sublist li{font-size:.95rem;line-height:1.65;text-align:justify;hyphens:auto}
.offer-section>p:has(>.doc-pn),.legal-section>p:has(>.doc-pn){position:relative;padding-left:3.4em}
.doc-pn{position:absolute;left:0;top:0;font-weight:700;color:var(--text-3);font-variant-numeric:tabular-nums}
/* A clause list (offer 2.5, privacy 6.1) hangs its markers on the clause text column, not in the number gutter. */
.offer-section>p:has(>.doc-pn)+.offer-sublist,.legal-section>p:has(>.doc-pn)+.offer-sublist{font-size:.95rem;margin-left:calc(3.4em + 1.4em)}
.legal-section h2,.offer-section h2{text-wrap:balance}
.doc-hn{color:var(--leaf-dark);font-variant-numeric:tabular-nums}
.offer-section .offer-accordion-grid{max-width:calc(68ch + 3.4em)}
.offer-accordion-content p,.offer-accordion-content li{font-size:.95rem;line-height:1.65}
.legal-notice{border-left:1px solid var(--border-2)}
.doc-req{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--sp-2) var(--sp-5);max-width:68ch;font-size:var(--fs-100);line-height:1.55}
.doc-req div{display:contents}
.doc-req dt{color:var(--text-3);font-weight:600}
.doc-req dd{margin:0;color:var(--text-1);font-weight:600;font-variant-numeric:tabular-nums}
.doc-print-meta{display:none}
/* три заметки над текстом: одна панель, колонки через тонкие разделители, тип — цветной точкой (без цветных полос сверху) */
.offer-notes{gap:0;background:var(--cloud);border:1px solid var(--border-2);border-radius:var(--r-panel);box-shadow:var(--el-1);overflow:hidden}
.offer-note{background:none;border:0;border-radius:0;box-shadow:none;padding:22px var(--sp-6) var(--sp-6);gap:var(--sp-2)}
.offer-note+.offer-note{border-left:1px solid var(--border-2)}
.offer-note__eyebrow{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-2)}
.offer-note__eyebrow::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--leaf)}
.offer-note--warn .offer-note__eyebrow::before{background:var(--status-warning-accent)}
.offer-note--danger .offer-note__eyebrow::before{background:var(--clay)}
.offer-note__text{color:var(--text-2);text-wrap:pretty}
@media (max-width:1023px){.offer-note+.offer-note{border-left:0;border-top:1px solid var(--border-2)}.offer-note{padding:18px var(--sp-5) var(--sp-5)}}

/* ── 4. Вкладки документов (в интро, заменяют «Другие документы») ── */
.doc-switch{display:inline-flex;align-self:flex-start;margin-bottom:10px;gap:var(--sp-1);padding:var(--sp-1);background:var(--cloud);border:1px solid var(--border-2);border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none;box-shadow:var(--el-1)}
.doc-switch::-webkit-scrollbar{display:none}
.doc-switch a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);font:700 14px var(--font-display);color:var(--text-2);white-space:nowrap;transition:background-color var(--duration-160) var(--ease),color var(--duration-160) var(--ease)}
.doc-switch a:hover{color:var(--leaf-dark)}
.doc-switch a[aria-current="page"]{background:var(--leaf-dark);color:var(--cloud)}

/* ── 5. Панель «Содержание» + лист (видны на ≤1023px) ── */
.doc-toc-bar{display:none;position:fixed;z-index:var(--z-index-40);top:calc(var(--doc-header-h) + 8px);left:12px;right:12px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-200) var(--ease),transform var(--duration-200) var(--ease),visibility 0s linear var(--duration-200)}
.doc-toc-bar.is-visible{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.doc-toc-sheet:not([open]){display:none}
@media (max-width:1023px){
  .legal-layout,.offer-layout{grid-template-columns:1fr}
  .doc-rail{display:none}
  .doc-switch{display:flex;align-self:stretch}
  .doc-switch a{flex:1 0 auto}
  .doc-toc-bar{display:block}
}
  .doc-toc-bar__btn{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:52px;padding:6px var(--sp-4);background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border:1px solid var(--border-1);border-radius:var(--r-card);box-shadow:var(--el-2);text-align:left;cursor:pointer;position:relative;overflow:hidden}
  .doc-toc-bar__btn::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:calc(100% * var(--toc-progress,0));background:var(--leaf);transition:width var(--duration-240) var(--ease)}
  .doc-toc-bar__label{display:flex;flex-direction:column;gap:1px;min-width:0}
  .doc-toc-bar__label small{font:800 10.5px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
  .doc-toc-bar__label span{font:700 14.5px/1.3 var(--font-display);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .doc-toc-bar__count{font:800 12px var(--font-display);color:var(--leaf-dark);font-variant-numeric:tabular-nums}
  .doc-toc-bar__chev{width:8px;height:8px;border-right:2px solid var(--text-2);border-bottom:2px solid var(--text-2);transform:rotate(45deg) translateY(-3px)}
  .doc-toc-sheet[open]{display:flex;flex-direction:column;gap:var(--sp-3);position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:100%;max-height:min(82vh,680px);padding:var(--sp-2) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));border:0;border-radius:var(--r-panel) var(--r-panel) 0 0;background:var(--cloud);color:var(--ink);box-shadow:0 -12px 40px rgba(7,27,20,.16)}
  .doc-toc-sheet::backdrop{background:rgba(7,27,20,.36)}
  .doc-toc-sheet__grab{align-self:center;width:40px;height:4px;border-radius:2px;background:rgba(7,27,20,.14)}
  .doc-toc-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
  .doc-toc-sheet__head strong{font:800 18px var(--font-display)}
  .doc-toc-sheet__close{width:44px;height:44px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-size:22px;line-height:1;color:var(--text-2);cursor:pointer}
  .doc-toc-sheet .doc-toc__list{overflow:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 var(--sp-1)}
  .doc-toc-sheet .doc-toc__link{min-height:44px;padding:10px 10px 10px var(--sp-2);font-size:15px}
  .doc-toc-sheet .doc-toc__list::after,.doc-toc-sheet .doc-toc__list::before{top:20px}
  .doc-toc-sheet .doc-toc__list::before{bottom:20px}
@media (max-width:767px){
  .legal-section p,.offer-section p,.legal-section li,.offer-sublist li{text-align:left}
  .offer-section>p:has(>.doc-pn),.legal-section>p:has(>.doc-pn){padding-left:0}
  .doc-pn{position:static;margin-right:.25em}
  .offer-section>p:has(>.doc-pn)+.offer-sublist,.legal-section>p:has(>.doc-pn)+.offer-sublist{margin-left:var(--sp-5)}
  .doc-req{grid-template-columns:1fr;gap:2px}
  .doc-req dd{margin-bottom:10px}
  .legal-summary-grid,.offer-summary-grid{gap:var(--sp-2)}
  .legal-summary-item,.offer-summary-item{min-height:44px;padding-inline:14px;font-size:13.5px}
  .doc-switch a{flex:1 1 0;min-width:0;padding:0 var(--sp-2);font-size:13px;white-space:normal;text-align:center}
}

/* ── 6. Печать / PDF ── */
@media print{
  .site-header,.site-footer,.social-strip,.channels-bar,.doc-rail,.doc-switch,.doc-toc-bar,.doc-toc-sheet,.legal-summary,.offer-summary,.doc-print,[data-chat-widget],.chat-widget,.cookie-banner,.toast-stack{display:none!important}
  /* Paper: --cloud is white in every palette's print tokens (the night layer resets it); text is black. */
  html,body{background:var(--cloud)!important;color:#000}
  body{font-size:10.5pt}
  .legal-page,.offer-page{padding:0}
  .container{width:auto}
  .legal-layout,.offer-layout{display:block}
  .doc-intro-wide{margin:0 0 10pt}
  .legal-main,.offer-main{gap:10pt}
  .legal-intro,.offer-intro,.legal-document,.offer-document,.offer-note,.legal-notice,.offer-accordion{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
  .legal-intro h1,.offer-intro h1{font-size:18pt;margin:0}
  .legal-intro p,.offer-intro p{display:none}
  .legal-intro .doc-meta,.offer-intro .doc-meta{font-size:9.5pt}
  .doc-print-meta{display:block;font-size:9pt;color:#444;padding-bottom:6pt;border-bottom:.5pt solid #999;margin-bottom:8pt}
  .offer-notes{display:block;border:.5pt solid #999;padding:8pt 10pt!important}
  .offer-note{padding:0 0 4pt!important}
  .offer-note__eyebrow{display:none}
  .offer-note__title,.offer-note__text{display:inline;font-size:9.5pt}
  .offer-note__title::after{content:" — "}
  .legal-section,.offer-section{padding:10pt 0;border-color:#bbb}
  .legal-section h2,.offer-section h2{font-size:12.5pt;break-after:avoid}
  .legal-section p,.offer-section p,.legal-section li,.offer-sublist li,.offer-accordion-content p,.offer-accordion-content li,.doc-req{max-width:none;font-size:10pt;line-height:1.45;color:#000}
  .doc-pn,.doc-req dt{color:#444}
  .offer-accordion-grid{max-width:none;gap:6pt}
  .offer-accordion summary{padding:0 0 2pt;display:block}
  .offer-accordion summary::after,body[data-page-type='legal_offer'] .offer-accordion summary::after{display:none;content:none}
  .offer-accordion summary{list-style:none}
  .offer-accordion-title span{display:none}
  .offer-accordion-title strong{font-size:10.5pt}
  .offer-accordion-content{padding:0 0 0 12pt}
  .offer-accordion,.doc-req,.offer-sublist{break-inside:avoid}
  a{color:#000!important;text-decoration:none!important}
}
@page{size:A4;margin:16mm 16mm 18mm}