/* UNIT — раздел статей. Дизайн-система лендинга и сервиса. */
:root{
  --bg-app:#faf8f6; --bg-sidebar:#f2f0ed; --bg-workspace:#fdfbfa; --bg-chat-opened:#ffffff;
  --border-soft:#e6e1da; --bw:0.5px;
  --radius-panel:16px; --radius-control:8px; --radius-nav:6px; --radius-pill:100px;
  --shadow-panel:0 4px 32px rgba(0,0,0,.05);
  --text-strong:#212121; --text-heading:#1e3d59; --text-body:#272835; --text-muted:#848484; --text-secondary:#626b75; --text-side:#6d6c65;
  --blue-core:#48749e; --blue-hover:#3c6287; --blue-deep:#1e3d59; --blue-soft:#afc0d0; --blue-mist:#dce6ee;
  --chip-dark:#212121; --chip-dark-hover:#35322f;
  --ai-bg:#dae5e5; --ai-text:#006f74;
  --violet-bg:#dcceec; --violet-text:#48276f;
  --success-bg:#e4f1ea; --success-text:#3c865e;
  --warning-bg:#f4ecd9; --warning-text:#d6a43a;
  --rose-bg:#f1e5e4; --rose-text:#c9838a;
  --archive-bg:#eceff3; --archive-text:#626b75;
  --beige:#f2efeb; --beige-hover:#ddd4cc; --hover-row:#f2f0ed; --selected:#ece9e6;
  --plat-wb:#48276f; --plat-ozon:#48749e; --plat-ym:#ec8b51;
  --font:"Google Sans","Segoe UI",system-ui,sans-serif;
  --ease:cubic-bezier(0.22,1,0.36,1); --dur:0.3s;
  --container:1200px;
}
.container{max-width:var(--container);margin:0 auto;padding:0 28px}
/* кнопки (unit-action-btn: pill, publish=dark / generate=mist) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-pill);border:var(--bw) solid transparent;font:inherit;font-size:15px;font-weight:500;line-height:1;cursor:pointer;text-decoration:none;transition:background var(--dur) var(--ease)}
.btn:focus-visible{outline:2px solid var(--blue-core);outline-offset:2px}
.btn--primary{background:var(--chip-dark);color:#fff}
.btn--primary:hover{background:var(--chip-dark-hover)}
.btn--mist{background:var(--blue-mist);color:var(--blue-core)}
.btn--mist:hover{background:#e8eef4;color:var(--blue-hover)}
.btn--sm{padding:9px 16px;font-size:13.5px}
.btn--lg{padding:16px 32px;font-size:16px}
.plat-logo{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:#fff;border:var(--bw) solid var(--border-soft);flex:none;vertical-align:-4px;margin-right:6px}
.plat-logo img{width:12px;height:12px;object-fit:contain;display:block}
.fstep{position:relative;transition:opacity var(--dur) var(--ease)}
.fstep::before{content:"";position:absolute;left:-21px;top:16px;width:9px;height:9px;border-radius:50%;background:#c8d2dc;transition:background var(--dur) var(--ease)}
.fstep.is-on::before{background:var(--blue-core)}
.fstep.is-dim{opacity:.62}
.fstep__k{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:6px}
.rv-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rv-shop{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}
.rv-stars{font-size:11px;color:#be9641;letter-spacing:1px}
.rv-text{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-strong)}
.rv-meta{margin:0;font-size:11px;color:var(--text-muted)}
.rv-answer{margin:0 0 8px;font-size:12.5px;line-height:1.5;color:var(--text-body);border:var(--bw) solid var(--border-soft);border-radius:8px;padding:8px 10px;background:var(--bg-workspace)}
.settings-rules__tone-seg-btn.is-active{background:var(--chip-dark);border-color:var(--chip-dark);color:#fff}
.sig-row{display:flex;align-items:center;gap:8px;font-size:11.5px;margin-top:6px}
.sig-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-body)}
.sig-track{width:88px;height:6px;border-radius:99px;background:var(--bg-sidebar);overflow:hidden;flex:none}
.sig-track i{display:block;height:100%;border-radius:99px;background:var(--blue-core)}
.sig-val{width:38px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:500}
.an-table i.dn{background:var(--rose-bg);color:var(--rose-text)}
.sig-idx{width:18px;color:var(--text-muted);flex:none;font-size:11px}
.rv-quote{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-body);border-left:2px solid var(--blue-soft);padding:2px 0 2px 10px}
.rv-quote span{display:block;font-size:10.5px;color:var(--text-muted);margin-top:3px}
.d1{background:var(--blue-core)}
.d2{background:var(--blue-deep)}
.d3{background:var(--blue-soft)}
.chat-item{box-sizing:border-box;width:100%;padding:10px 0;margin:0;display:block;border:none;border-radius:0;background:transparent;color:inherit;text-align:left;font-family:var(--font-family-ui,var(--font));cursor:pointer}
.chat-item:hover,.chat-item.active{background:#f2f0ed}
.chat-item__inner{box-sizing:border-box;width:100%;min-width:0;display:flex;align-items:flex-start;gap:8px;padding-left:8px;padding-right:12px}
.chat-item__accent{flex:0 0 2px;width:2px;min-height:40px;align-self:flex-start;border-radius:1px}
.chat-item__accent--neutral{background:var(--border-soft);opacity:.35}
.chat-item__accent--green{background:#006f74}
.chat-item__accent--yellow{background:#d6a43a}
.chat-item__accent--orange{background:#e19e9a}
.chat-item__accent--red{background:#b02941}
.chat-item__avatar{position:relative;flex:0 0 40px;width:40px;height:40px;overflow:visible}
.chat-item__avatar-photo{display:block;width:40px;height:40px;box-sizing:border-box;border-radius:6px;border:.5px solid var(--border-soft);background:#d7dde7}
.chat-item__platform-tag{position:absolute;right:-2px;bottom:-2px;z-index:2;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--bg-chat-opened,#fff);background:var(--bg-chat-opened,#fff);overflow:hidden;box-sizing:border-box}
.chat-item__platform-tag .platform-logo{width:12px;height:12px;object-fit:contain;display:block}
.chat-item__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:1px}
.chat-item__head{display:flex;align-items:center;gap:6px;min-width:0;width:100%}
.chat-item__name{min-width:0;flex:1 1 auto;font-size:.75rem;font-weight:500;line-height:1.2;color:var(--text-sidebar-active,#35322f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-item__time{flex-shrink:0;min-width:2.75ch;font-size:9px;font-weight:400;line-height:1.2;color:#6d6c65;white-space:nowrap}
.chat-item__preview{display:block;width:100%;min-width:0;font-size:.75rem;font-weight:400;line-height:1.3;color:var(--text-sidebar-default,#6d6c65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-item__rail{flex:0 0 auto;min-width:40px;max-width:132px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-top:1px}
.chat-item__rail-pills{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;max-width:100%}
.app-nav,.app-list,.app-thread,.app-card{background:var(--bg-workspace);border:var(--bw) solid var(--border-soft);border-radius:var(--radius-panel);padding:12px;min-width:0;display:flex;flex-direction:column}
.app-nav{background:var(--bg-sidebar)}
.app-nav__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.app-nav__logo{height:22px}
.app-nav__collapse{color:var(--text-muted);font-size:14px}
.app-nav__item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-nav);font-size:13px;color:var(--text-sidebar-default,#6d6c65)}
.app-nav__item.is-active{background:var(--bg-workspace);color:var(--text-sidebar-active,#35322f);font-weight:500;box-shadow:var(--shadow-panel)}
.nav-ico{width:18px;height:18px;flex:none;display:block}
.app-nav__badge{margin-left:auto;background:var(--blue-soft);color:#fff;font-size:10.5px;font-weight:500;border-radius:var(--radius-pill);padding:1px 7px;min-width:20px;text-align:center}
.app-nav__sep{height:1px;background:var(--border-soft);margin:8px 4px}
.app-nav__bottom{margin-top:auto;border-top:var(--bw) solid var(--border-soft);padding-top:8px}
.app-nav__user{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;color:var(--text-sidebar-active,#35322f)}
.app-nav__ava{width:22px;height:22px;border-radius:50%;background:var(--blue-mist);color:var(--blue-core);font-size:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:500}
.app-ctrl{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 9px;border:var(--bw) solid var(--border-soft);border-radius:var(--radius-nav);background:var(--unit-menu-bg,#fdfbfa);font-size:11.5px;color:var(--unit-menu-text,#35322f);white-space:nowrap}
.app-ctrl--search{flex:1;color:var(--text-muted)}
.app-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;padding:5px 0}
.app-kv span{color:var(--text-muted);flex:none}
.app-kv b{font-weight:400;color:var(--text-body);text-align:right;min-width:0;white-space:nowrap}
.app-kv>b:not(.app-shop):not(.app-ctrl){overflow:hidden;text-overflow:ellipsis}
.app-kv b.app-shop, .app-shop{display:inline-flex;align-items:center;gap:6px;background:var(--chip-dark);color:#ffffff !important;border-radius:var(--radius-pill);padding:4px 10px;font-size:11px;font-weight:500;flex:none;white-space:nowrap}
/* ── header ── */
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg-app) 96%,transparent);border-bottom:var(--bw) solid var(--border-soft)}
.hdr__in{display:flex;align-items:center;gap:28px;height:60px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:24px;display:block}
.hdr nav{display:flex;gap:22px;margin-left:6px}
.hdr nav a{text-decoration:none;font-size:14px;color:var(--text-side)}
.hdr nav a:hover{color:var(--text-strong)}
.hdr__cta{margin-left:auto;display:flex;gap:8px}
.fstep{position:relative;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease)}
.fstep::before{content:"";position:absolute;left:-22px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--border-soft);transition:background var(--dur) var(--ease)}
.fstep .panel{padding:12px 14px}
.fstep__k{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px}
.fstep__row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-body);flex-wrap:wrap}
.fstep.is-on::before{background:var(--blue-core)}
.fstep.is-on .panel{border-color:#9fb7cd}
.fstep.is-dim{opacity:.55}
/* ── pages/settings/settings-segment-pill.css ── */
/**
 * Pill segment tabs — «Настроить» (классы отзывов, тон агента, способы вопросов).
 * Единый ритм с settings-ai__tone-row.
 */

.settings-rules__tone-segment,
.settings-ai__segment,
.settings-ai__tone-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
}
.settings-rules__tone-seg-btn,
.settings-ai__seg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin: 0;
  box-sizing: border-box;
  min-height: 28px;
  padding: 6px 10px;
  border: var(--unit-menu-border-width, 0.5px) solid var(--unit-menu-border, #e6e1da);
  border-radius: var(--radius-pill, 100px);
  background: var(--unit-menu-bg, #fdfbfa);
  font-family: var(--font-family-ui);
  font-size: var(--unit-menu-font-size, 0.75rem);
  font-weight: var(--font-weight-medium, 500);
  line-height: 1.35;
  white-space: nowrap;
  color: var(--unit-menu-text, #35322f);
  cursor: pointer;
  transition:
    background-color 0.12s ease,
    border-color 0.12s ease,
    color 0.12s ease;
}
.settings-rules__tone-seg-btn:hover,
.settings-ai__seg-btn:hover {
  background: var(--unit-menu-hover, #f2f0ed);
}
.settings-rules__tone-seg-btn.is-active,
.settings-ai__seg-btn.is-active {
  background: var(--filter-all-bg, #ece9e6);
  border-color: var(--text-strong, #212121);
  color: var(--text-strong, #212121);
}
.settings-rules__tone-seg-btn:focus-visible,
.settings-ai__seg-btn:focus-visible {
  outline: 2px solid var(--text-strong, #212121);
  outline-offset: 2px;
}
/* ── pages/settings/settings-rules-policy-section.css ── */
.settings-rules-policy-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  min-width: 0;
  width: 100%;
  padding: 14px;
  border: var(--unit-menu-border-width, 0.5px) solid var(--unit-menu-border, #e6e1da);
  border-radius: 12px;
  background: var(--bg-chat-opened, #ffffff);
  box-sizing: border-box;
}
.settings-rules-policy-section__head.is-sel{background:var(--unit-menu-selected,#ece9e6);border-radius:8px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}
.settings-rules-policy-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--settings-rules-row-gap, 0.75rem);
  min-width: 0;
  width: 100%;
}
.settings-rules-policy-section__copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-rules-policy-section__title {
  margin: 0;
  font-size: var(--unit-menu-font-size, 0.75rem);
  font-weight: var(--font-weight-medium, 500);
  color: var(--unit-menu-text, #35322f);
}
.settings-rules-policy-section__desc {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.35;
  color: var(--unit-menu-text-muted, #6d6c65);
}
.settings-rules-reviews-policy__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--settings-rules-row-gap, 0.75rem);
  min-width: 0;
  width: 100%;
}
.settings-rules-reviews-policy__title-row .settings-rules-inline-help {
  flex-shrink: 0;
}
@media(max-width:640px){.container{padding:0 18px}}
@media(max-width:880px){.hdr nav{display:none}}
@media(prefers-reduced-motion:reduce){.fstep.is-dim{opacity:1}}
@media(max-width:400px){
  .sec-h2{font-size:23px}
  .hero h1{font-size:28px}
  .hdr__cta .btn{font-size:13px;padding:9px 14px}
}

/* ---------- страница статьи ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-app);color:var(--text-body);font-family:var(--font);
 font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blue-core);text-decoration:none}
a:hover{text-decoration:underline}
.hdr{position:sticky;top:0;z-index:50;background:rgba(250,248,246,.92);
 backdrop-filter:saturate(140%) blur(8px);border-bottom:var(--bw) solid var(--border-soft)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}
.hdr .brand img{height:26px;display:block}
.hdr nav{display:flex;gap:22px}
.hdr nav a{color:var(--text-secondary);font-size:15px}
.hdr nav a:hover{color:var(--text-heading);text-decoration:none}
.hdr__cta{display:flex;gap:10px}
.art{max-width:760px;margin:0 auto;padding:0 20px}
.crumbs{font-size:14px;color:var(--text-muted);padding:24px 0 0}
.crumbs a{color:var(--text-muted)}
h1{font-size:40px;line-height:1.12;font-weight:600;letter-spacing:-.02em;
 margin:16px 0 22px;color:var(--text-heading)}
h2{font-size:27px;line-height:1.25;font-weight:600;letter-spacing:-.015em;
 margin:48px 0 14px;color:var(--text-heading);scroll-margin-top:84px}
h3{font-size:20px;font-weight:600;margin:30px 0 10px;color:var(--text-heading)}
p{margin:0 0 16px}
.lead{font-size:20px;line-height:1.5;color:var(--text-body);background:var(--blue-mist);
 border-radius:var(--radius-panel);padding:24px 26px;margin:0 0 26px}
.meta{font-size:14px;color:var(--text-muted);margin:0 0 28px}
.toc{border:var(--bw) solid var(--border-soft);border-radius:var(--radius-panel);
 padding:18px 22px;margin:0 0 36px;background:var(--bg-workspace)}
.toc b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;
 color:var(--text-secondary);font-weight:500;margin-bottom:10px}
.toc ol{margin:0;padding-left:20px}
.toc li{margin:5px 0}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin:7px 0}
.tablewrap{overflow-x:auto;margin:0 0 22px}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{border:var(--bw) solid var(--border-soft);padding:11px 13px;text-align:left;vertical-align:top}
th{background:var(--bg-sidebar);font-weight:600;white-space:nowrap}
.callout{background:var(--blue-mist);border-left:3px solid var(--blue-core);
 border-radius:var(--radius-control);padding:16px 20px;margin:0 0 22px}
.quote{border-left:3px solid var(--border-soft);padding:4px 0 4px 18px;margin:0 0 22px;
 color:var(--text-secondary)}
.quote span{display:block;font-size:13px;color:var(--text-muted);margin-top:8px}
/* ---------- визуализация интерфейса сервиса ---------- */
.uiblock{border:var(--bw) solid var(--border-soft);border-radius:var(--radius-panel);
 background:var(--bg-workspace);box-shadow:var(--shadow-panel);padding:16px 18px;margin:0 0 12px}
.uiblock+.uicap{margin:-4px 0 24px;font-size:13.5px;color:var(--text-muted)}
.uiblock .rv-row{margin-bottom:8px}
.uiblock .settings-rules-policy-section__head{display:flex;align-items:center;
 justify-content:space-between;gap:12px;padding:9px 0;border-bottom:var(--bw) solid var(--border-soft)}
.uiblock .settings-rules-policy-section__head:last-child{border-bottom:0}
.uiblock .settings-rules-policy-section__title{margin:0;font-size:13px;color:var(--text-strong)}
.uiblock .settings-rules__tone-segment{display:flex;flex-wrap:wrap;gap:6px}
.uiblock .settings-rules__tone-seg-btn{display:inline-flex;align-items:center;min-height:26px;
 padding:4px 10px;border:var(--bw) solid var(--border-soft);border-radius:var(--radius-nav);
 background:var(--bg-workspace);font-size:11.5px;color:var(--text-body);white-space:nowrap}
.uiblock .unit-action-btn-row{margin-top:10px}
.uiblock .actbtn{display:inline-flex;align-items:center;height:28px;padding:0 12px;
 border-radius:var(--radius-pill);font-size:11.5px;border:var(--bw) solid var(--border-soft);
 background:var(--bg-workspace);color:var(--text-body)}
.uiblock .actbtn--dark{background:var(--chip-dark);border-color:var(--chip-dark);color:#fff}
.uihead{display:flex;align-items:center;gap:8px;font-size:10.5px;text-transform:uppercase;
 letter-spacing:.07em;color:var(--text-secondary);margin-bottom:12px}
.uihead img{width:15px;height:15px;opacity:.75}
.platrow{display:flex;align-items:center;gap:16px;margin:0 0 22px;flex-wrap:wrap}
.platrow .plat{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--text-secondary)}
.platrow .plat img{height:17px}
/* ---------- CTA ---------- */
.cta{background:var(--blue-deep);color:#fff;border-radius:var(--radius-panel);
 padding:30px 32px;margin:38px 0}
.cta__h{color:#fff;margin:0 0 10px;font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.015em}
.cta p{color:#fff;margin:0 0 20px;font-size:18px;line-height:1.55;opacity:.92}
.cta .btn--primary{background:#fff;color:var(--blue-deep);border-color:#fff}
.cta .btn--primary:hover{background:#eef2f6;color:var(--blue-deep)}
.cta small{display:block;margin-top:12px;color:#b9c7d6;font-size:13.5px}
/* ---------- FAQ, связанное, подвал ---------- */
.faq details{border-bottom:var(--bw) solid var(--border-soft);padding:16px 0}
.faq summary{cursor:pointer;font-weight:500;font-size:18px;color:var(--text-heading);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;color:var(--text-muted)}
.faq details[open] summary::after{content:'\2212'}
.faq p{margin:12px 0 0;color:var(--text-secondary)}
.related{margin:46px 0 0;border-top:var(--bw) solid var(--border-soft);padding-top:26px}
.related b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;
 color:var(--text-secondary);font-weight:500;margin-bottom:14px}
.related a{display:block;padding:12px 0;border-bottom:var(--bw) solid var(--border-soft);font-size:17px}
.foot{margin-top:68px;border-top:var(--bw) solid var(--border-soft);background:var(--bg-workspace);
 padding:28px 0;font-size:14px;color:var(--text-muted)}
.foot .in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot img{height:22px;opacity:.8}
/* ---------- хаб ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:22px 0 0}
.card{border:var(--bw) solid var(--border-soft);border-radius:var(--radius-panel);padding:20px 22px;
 background:var(--bg-workspace);display:block;color:inherit;transition:box-shadow .2s}
.card:hover{box-shadow:var(--shadow-panel);text-decoration:none}
.card b{display:block;font-size:18px;line-height:1.35;color:var(--text-heading);
 font-weight:600;margin-bottom:8px}
.card span{font-size:15px;color:var(--text-secondary)}
.hubgroup{margin:44px 0 0}
.hubgroup h2{margin-bottom:4px}
@media(max-width:640px){
 h1{font-size:30px}h2{font-size:23px}body{font-size:16px}
 .lead{font-size:18px;padding:18px 20px}
 .hdr nav{display:none}.hdr__cta .btn--mist{display:none}
 .cta{padding:24px}
}

/* ── подвальная навигация: перелинковка по всему сайту ── */
.fnav{margin-top:68px;border-top:var(--bw) solid var(--border-soft);
 background:var(--bg-workspace);padding:34px 0 10px}
.fnav__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px 26px}
.fnav__col b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;
 color:var(--text-secondary);font-weight:500;margin-bottom:12px}
.fnav__col a{display:block;padding:5px 0;font-size:14px;color:var(--text-body);text-decoration:none}
.fnav__col a:hover{text-decoration:underline}
.fnav + .foot{margin-top:0;border-top:none}
/* FAQ: вопрос — заголовок H3, внешний вид не меняется */
.faq summary h3{display:inline;font:inherit;color:inherit;margin:0;font-weight:inherit}

/* ── блоки коммерческих страниц ── */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:24px 0 0}
.stat{border:var(--bw) solid var(--border-soft);border-radius:var(--radius-panel);
 background:var(--bg-workspace);padding:16px 18px}
.stat b{display:block;font-size:26px;line-height:1.15;color:var(--text-heading);font-weight:600;
 font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:6px;font-size:13px;color:var(--text-secondary);line-height:1.4}
.card span{display:block;font-size:15px;line-height:1.55;color:var(--text-secondary)}
.fsteps{margin:24px 0 0;padding-left:22px;border-left:var(--bw) solid var(--border-soft);
 display:flex;flex-direction:column;gap:12px}
.fsteps .panel{border:var(--bw) solid var(--border-soft);border-radius:var(--radius-panel);
 background:var(--bg-workspace);padding:12px 14px}