/* ===== NEW for the blog — built only from the landing tokens and type scale above ===== */
.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:14px;font-weight:650;color:var(--text-muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;min-width:0;font-size:14px;line-height:1.45;color:var(--text-faint)}
.crumbs li{flex:none;white-space:nowrap}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink)}
.crumbs .sep{color:var(--text-faint)}
.crumbs .cur{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.prose{font-size:17px;line-height:1.6;color:var(--text)}
.prose p{margin:0 0 16px}
.prose .lead{color:var(--text-muted)}
.prose h2{position:relative;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-0.01em;margin:36px 0 12px;scroll-margin-top:72px}
.prose h3{position:relative;font-size:17px;line-height:1.4;font-weight:650;margin:24px 0 8px}
.prose ol,.prose ul{margin:0 0 16px;padding-left:22px}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--text-faint);font-weight:650}
.prose strong{font-weight:650}
.cmp-wrap{margin:20px 0 24px}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.35}
.cmp caption{caption-side:top;text-align:left;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--brand-ink);padding:0 0 8px}
.cmp th,.cmp td{padding:10px 8px;text-align:left;vertical-align:top;border-top:1px solid var(--border)}
.cmp th,.cmp td{background:var(--bg-raised)}
.cmp tr > :first-child{border-left:1px solid var(--border)}
.cmp tr > :last-child{border-right:1px solid var(--border)}
.cmp tbody tr:last-child > *{border-bottom:1px solid var(--border)}
.cmp thead th:first-child{border-top-left-radius:14px}
.cmp thead th:last-child{border-top-right-radius:14px}
.cmp tbody tr:last-child > :first-child{border-bottom-left-radius:14px}
.cmp tbody tr:last-child > :last-child{border-bottom-right-radius:14px}
.cmp thead th{border-top:1px solid var(--border);font-size:12px;line-height:1.3;font-weight:650;color:var(--text-faint);background:var(--bg-sunken)}
.cmp tbody th{font-weight:650;color:var(--text);width:34%}
.cmp td{color:var(--text-muted)}
.cmp td.y{color:var(--accent);font-weight:650}
.cmp td.nn{color:var(--text-faint)}
.cmp td.wn{color:var(--warn);font-weight:650}
.cmp tr.best th,.cmp tr.best td{background:var(--brand-wash)}
.sources{font-size:15px;line-height:1.45}
.sources li{margin-bottom:6px}
.sources a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px;font-weight:650}
.sources a::after{content:"↗";margin-left:4px;font-size:13px;text-decoration:none;color:var(--text-faint)}
.sources .dom{display:block;margin-top:-8px;font-size:13px;color:var(--text-faint)}
.author-box{display:flex;gap:14px;align-items:flex-start;background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:32px}
.ab-photo{flex:none;width:56px;height:56px}
.ab-photo svg{width:56px;height:56px;display:block}
.ab-body{min-width:0}
.ab-name{font-size:16px;line-height:1.3;font-weight:650}
.ab-name a{color:var(--text)}
.ab-role{font-size:14px;line-height:1.45;color:var(--text-faint);margin-bottom:6px}
.ab-bio{font-size:14px;line-height:1.45;color:var(--text-muted)}
.ab-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:650;color:var(--brand-ink)}
.rel-h{font-size:12px;line-height:1.4;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--brand-ink);margin:32px 0 10px}

/* ===== Variant A — guide / document ===== */
.post{padding-block:4px 8px}
.post .eyebrow{margin:6px 0 10px}
.post h1{font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-0.015em;margin-bottom:4px;text-wrap:balance}
.answer{margin:14px 0 16px;padding:14px 16px 16px;border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:12px;background:var(--brand-wash)}
.answer .eyebrow{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:var(--brand-ink);font-weight:650}
.answer p{font-size:17px;line-height:1.55;color:var(--text)}
.toc{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;margin:0 0 8px}
.toc summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;cursor:pointer;font-size:15px;font-weight:650}
.toc summary::-webkit-details-marker{display:none}
.toc summary .cnt{font-size:14px;font-weight:400;color:var(--text-faint)}
.toc summary .cv{margin-left:auto;width:18px;height:18px;color:var(--text-muted);transition:transform 120ms ease-out}
.toc[open] summary .cv{transform:rotate(180deg)}
.toc ol{list-style:none;margin:0;padding:0 14px 4px;counter-reset:t}
.toc li{counter-increment:t;border-top:1px solid var(--border)}
.toc a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;line-height:1.35;color:var(--text)}
.toc a::before{content:counter(t);flex:none;width:18px;font-size:13px;font-weight:650;color:var(--text-faint);font-variant-numeric:tabular-nums}
blockquote.qa{margin:24px 0;padding:2px 0 2px 16px;border-left:4px solid var(--brand)}
blockquote.qa p{font-size:19px;line-height:1.4;font-weight:650;margin:0 0 6px}
blockquote.qa cite{font-style:normal;font-size:14px;color:var(--text-faint)}
.rel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rel a{display:flex;gap:12px;align-items:center;min-height:68px;padding:8px;background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;color:var(--text)}
.rel .thumb{width:52px;height:52px}
.rel b{display:block;font-size:15px;line-height:1.35;font-weight:650}
.rel small{display:block;font-size:13px;line-height:1.4;color:var(--text-faint);margin-top:2px}
.ctab{margin-top:36px;background:var(--brand);color:#FFFFFF;padding:32px 0 36px}
.ctab .eyebrow{color:#b9c682;margin-bottom:10px}
.ctab h2{font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-0.02em;margin-bottom:10px}
.ctab p{font-size:16px;line-height:1.5;color:#e7e9e3}
.ctab .btn{width:100%;margin-top:20px}
.ctab .hero-note{color:#e7e9e3;opacity:.75;text-align:center;margin-top:10px}
.prose .blog-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.5rem auto;
}
.prose .blog-image-w-25 { width: 25%; }
.prose .blog-image-w-50 { width: 50%; }
.prose .blog-image-w-75 { width: 75%; }
.prose .blog-image-w-100 { width: 100%; }
.prose figure.cmp-wrap {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
.prose .cmp-wrap table { min-width: 520px; }

/* Roundup blocks copied from the approved roundup-a.v2 mockup. */
.prose .glance{list-style:none;margin:16px 0 10px;padding:0;background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.glance li{margin:0;padding:16px 16px 16px 14px;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:start}
.glance li + li{border-top:1px solid var(--border)}
.glance .g-num{grid-row:1 / span 4;width:32px;height:32px;margin-top:1px;border-radius:999px;background:var(--bg-sunken);color:var(--text);font-size:16px;font-weight:700;line-height:32px;text-align:center;font-variant-numeric:tabular-nums}
.glance .g-name{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-0.01em;color:var(--text);margin:0}
.glance .g-best{font-size:17px;line-height:1.4;font-weight:650;color:var(--text);margin:4px 0 0}
.glance .g-price{font-size:16px;line-height:1.4;color:var(--text-muted);margin:4px 0 0}
.prose .g-note{font-size:15px;line-height:1.5;color:var(--text-muted);margin:0 0 8px}
.pbox{margin:28px 0;background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;overflow:hidden;scroll-margin-top:72px}
.pb-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-sunken);border-bottom:1px solid var(--border)}
.pb-num{flex:none;width:36px;height:36px;border-radius:999px;background:var(--border-strong);color:var(--text);font-size:17px;font-weight:700;line-height:36px;text-align:center;font-variant-numeric:tabular-nums}
.pb-head .pb-t{min-width:0}
.prose .pb-head h2{margin:0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-0.015em;scroll-margin-top:72px}
.pb-body{padding:18px 16px 20px}
.prose .pb-best{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-0.01em;color:var(--accent);margin:0 0 6px;text-wrap:balance}
.prose .pb-price{font-size:16px;line-height:1.45;color:var(--text-muted);margin:0 0 16px}
.prose .pb-price b{color:var(--text);font-weight:650}
.prose .pb-body > p:not([class]){margin:0 0 14px}
.pc{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.prose .pc-h{font-size:19px;line-height:1.3;font-weight:700;margin:0 0 12px;color:var(--text)}
.prose .pc-list{list-style:none;margin:0;padding:0}
.prose .pc-list li{display:grid;grid-template-columns:26px 1fr;column-gap:12px;align-items:start;margin:0 0 14px;font-size:17px;line-height:1.5;color:var(--text)}
.pc-list .ic{width:26px;height:26px;margin-top:0;display:block}
.pc-list .ic svg{width:26px;height:26px;display:block}
.pc .cons{margin-top:22px}
.prose .disc{font-size:16px;line-height:1.55;color:var(--text-muted);padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-raised)}
.prose .disc strong{color:var(--text)}
.prose .sit{list-style:none;margin:16px 0 20px;padding:0;display:flex;flex-direction:column;gap:12px}
.prose .sit li{margin:0;padding:16px 16px 16px 16px;border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:12px;background:var(--bg-raised)}
.prose .sit .s-h{font-size:18px;line-height:1.35;font-weight:700;margin:0 0 8px;color:var(--text)}
.prose .sit .s-tools{font-size:17px;line-height:1.45;margin:0 0 6px;color:var(--text-muted)}
.prose .sit .s-tools b{color:var(--text);font-weight:700}
.prose .sit .s-tip{font-size:16px;line-height:1.5;margin:0;color:var(--text)}
.prose .sit li.s-acc{border-left-color:var(--accent);background:var(--accent-wash)}
.prose .sit li.s-warn{border-left-color:var(--warn);background:var(--warn-wash)}
.prose .sit li.s-sunk{border-left-color:var(--border-strong);background:var(--bg-sunken)}
@media (min-width: 720px){.pc{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.pc .cons{margin-top:0}}
.pc-list .ic.ok{color:var(--accent)}
.pc-list .ic.no{color:var(--danger)}
/* Admin preview bar (blog/admin-edit v2, «Просмотр» step); stays in view so the editor is one tap away. */
.prevbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--warn-wash);color:var(--warn);border-bottom:1px solid color-mix(in srgb,var(--warn) 25%,var(--border));font-size:13px;line-height:17px;font-weight:700}
.prevbar svg{flex:none;width:16px;height:16px}
.prevbar p{flex:1 1 auto;min-width:0;margin:0}
.prevbar span{font-weight:550;color:var(--text-muted)}
.prevbar .pb-edit{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);color:var(--text);font-size:14px;font-weight:750;text-decoration:none}
body:has(.prevbar) .site-header{position:static}