/* Блог lalavibe.ru — по дизайн-системе главной: секции-плашки со скруглением
   32 на тёплом фоне, заголовки Onest 500 с плотным трекингом, оранжевый
   акцент бренда, фотографии сайта, оранжевый блок «ранний доступ».
   Карточки списка и компоненты статьи (sb-*) приходят со встроенными стилями,
   поэтому часть правил ниже с !important или с повышенной специфичностью. */
:root{--lv-ink:#202020;--lv-muted:#5B5B58;--lv-soft:#8A8A85;--lv-line:rgba(32,32,32,.1);
  --lv-bg:#F0EFEB;--lv-card:#F4F3EF;--lv-card-2:#ECEBE6;--lv-sand:#E5E2DA;--lv-cream:#FFF6EC;
  --lv-accent:#F25638;        /* бренд: кнопки, полосы, маркеры */
  --lv-accent-text:#C93C1C;   /* тот же оранжевый для мелкого текста: 5:1 на белом вместо 3,4:1 */
  --lv-warm:#FF7648;--lv-ease:cubic-bezier(.19,1,.22,1)}

.lv-page{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--lv-bg);min-height:100svh}
.blog-main{display:flex;flex-direction:column;gap:12px;min-width:0}

/* Шапка сайта — «стекло» с размытием 10px. На главной под ней в основном
   картинки, а в блоге текст, и он просвечивал грязным пятном: здесь стекло плотнее. */
.lv-page header[data-liquid]{background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.4)!important;backdrop-filter:blur(24px) saturate(1.4)!important}

/* ── первый экран: как на главной — светлая плашка с тёплым и синим свечением ── */
.bl-hero{position:relative;overflow:hidden;isolation:isolate;contain:paint;border-radius:32px;background:var(--lv-card);
  padding:clamp(36px,6vw,96px) clamp(20px,5vw,72px);display:grid;gap:clamp(28px,4vw,56px);align-items:center;
  grid-template-columns:minmax(0,1fr)}
.bl-hero::before,.bl-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.bl-hero::before{width:820px;height:820px;left:-360px;bottom:-420px;
  background:radial-gradient(closest-side,rgba(255,122,46,.62),rgba(255,160,90,.22) 55%,rgba(255,160,90,0))}
.bl-hero::after{width:900px;height:900px;right:-380px;top:-460px;
  background:radial-gradient(closest-side,rgba(74,127,248,.42),rgba(160,120,255,.18) 55%,rgba(160,120,255,0))}
@media (min-width:1000px){.bl-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:540px}}

.crumbs{font-size:15px;color:var(--lv-soft);margin:0 0 clamp(22px,3vw,40px)}
.crumbs a{color:var(--lv-soft);text-decoration:none;transition:color .3s}
.crumbs a:hover{color:var(--lv-ink)}
.crumbs span{padding:0 8px;opacity:.6}

.bl-h1{margin:0 0 24px;font-size:clamp(40px,5.3vw,76px);line-height:.94;letter-spacing:-.035em;font-weight:500;
  color:var(--lv-ink);text-wrap:balance}
.bl-lead{margin:0;font-size:clamp(18px,1.55vw,22px);line-height:1.45;color:var(--lv-muted);max-width:30em;text-wrap:pretty}

/* веер обложек — как пластинки и стили на главной */
.bl-art{display:flex;gap:8px}
.bl-art span{flex:1;aspect-ratio:3/4;border-radius:20px;background:center/cover no-repeat}
.bl-art span:nth-child(1){background-image:url(/images/vibe-coffee.webp)}
.bl-art span:nth-child(2){background-image:url(/images/vibe-pulse.webp)}
.bl-art span:nth-child(3){background-image:url(/images/vibe-breeze.webp)}
@media (min-width:1000px){
  .bl-art{display:block;position:relative;height:440px}
  .bl-art span{position:absolute;top:50%;left:50%;width:46%;border-radius:28px;box-shadow:0 40px 80px -30px rgba(32,32,32,.45)}
  .bl-art span:nth-child(1){transform:translate(-112%,-46%) rotate(-8deg)}
  .bl-art span:nth-child(2){transform:translate(-50%,-54%);z-index:2}
  .bl-art span:nth-child(3){transform:translate(12%,-46%) rotate(8deg)}
}

/* ── секции под первым экраном ── */
.bl-sheet{background:#fff;border-radius:32px;padding:clamp(36px,6vw,86px) clamp(20px,5vw,72px);min-width:0}
.bl-more{background:var(--lv-sand);border-radius:32px;padding:clamp(36px,5vw,72px) clamp(20px,5vw,72px);min-width:0}
.bl-more[hidden]{display:none}
.bl-head{display:grid;gap:18px 56px;align-items:end;margin-bottom:clamp(28px,3.4vw,48px)}
@media (min-width:900px){.bl-head{grid-template-columns:minmax(0,1fr) minmax(0,520px)}}
.bl-h2{margin:0;font-size:clamp(32px,3.6vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:500;color:var(--lv-ink);text-wrap:balance}
.bl-label{display:block;margin:0 0 14px;font-size:16px;font-weight:500;color:var(--lv-accent-text)}
.bl-intro p{margin:0 0 10px;font-size:16px;line-height:1.6;color:var(--lv-muted)}
.bl-intro p:last-child{margin:0}

/* Карточки статей. Обложка — фото сайта по теме статьи (список в конце файла). */
.post-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.post-grid>article{position:relative;display:flex;flex-direction:column;border:0!important;border-radius:28px!important;
  background:var(--lv-card)!important;padding:10px 10px 28px!important;transition:transform .6s var(--lv-ease),background-color .6s var(--lv-ease)}
.post-grid>article:hover{transform:translateY(-4px);background-color:var(--lv-card-2)!important}
.post-grid>article::before{content:"";order:-2;display:block;aspect-ratio:16/10;border-radius:20px;margin-bottom:22px;
  background:var(--cover,linear-gradient(135deg,#FFB27A,#F25638)) center 38%/cover no-repeat}
.post-grid>article>div{order:-1;margin:0 14px 12px!important;padding:0!important;border:0!important;
  color:var(--lv-accent-text)!important;font-size:15px!important;font-weight:500}
.post-grid>article>div span[aria-hidden]{background:currentColor!important;opacity:.55;width:4px!important;height:4px!important}
.post-grid>article h3{margin:0 14px 12px!important;font-family:inherit!important;font-weight:500!important;
  font-size:clamp(20px,1.65vw,23px)!important;line-height:1.2!important;letter-spacing:-.02em!important;text-wrap:balance}
.post-grid>article h3 a{color:var(--lv-ink)!important;text-decoration:none}
.post-grid>article h3 a::after{content:"";position:absolute;inset:0;border-radius:28px}  /* вся карточка — ссылка */
.post-grid>article h3 a:focus-visible{outline:none}
.post-grid>article:has(a:focus-visible){outline:2px solid var(--lv-accent);outline-offset:3px}
.post-grid>article p{margin:0 14px!important;color:var(--lv-muted)!important;font-size:15.5px!important;line-height:1.55!important}

/* Раскладка списка: свежая статья крупно во всю ширину, дальше по 2 или 3 в ряд.
   Ряды считаются со второй карточки. Если в последнем ряду одна карточка —
   она тоже растягивается во всю ширину, если две — делят ряд пополам,
   чтобы ряд не зиял пустотой при любом числе статей. */
@media (min-width:760px) and (max-width:1099px){
  .bl-sheet .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(2n)){grid-column:1/-1;display:grid!important;padding:10px!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:clamp(28px,3.4vw,56px)}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(2n))::before{grid-column:1;grid-row:1/-1;aspect-ratio:auto;min-height:clamp(300px,30vw,440px);margin:0}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(2n))>div{grid-column:2;grid-row:2;margin:0 28px 16px 0!important}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(2n)) h3{grid-column:2;grid-row:3;margin:0 28px 16px 0!important;
    font-size:clamp(26px,2.8vw,42px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(2n)) p{grid-column:2;grid-row:4;margin:0 28px 0 0!important;font-size:17px!important;max-width:44ch}
}
@media (min-width:1100px){
  .bl-sheet .post-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bl-sheet .post-grid>article{grid-column:span 2}
  .bl-sheet .post-grid>article:is(:last-child:nth-child(3n),:nth-last-child(2):nth-child(3n+2)){grid-column:span 3}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(3n+2)){grid-column:1/-1;display:grid!important;padding:10px!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:clamp(28px,3.4vw,56px)}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(3n+2))::before{grid-column:1;grid-row:1/-1;aspect-ratio:auto;min-height:clamp(300px,30vw,440px);margin:0}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(3n+2))>div{grid-column:2;grid-row:2;margin:0 28px 16px 0!important}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(3n+2)) h3{grid-column:2;grid-row:3;margin:0 28px 16px 0!important;
    font-size:clamp(26px,2.8vw,42px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
  .bl-sheet .post-grid>article:is(:first-child,:last-child:nth-child(3n+2)) p{grid-column:2;grid-row:4;margin:0 28px 0 0!important;font-size:17px!important;max-width:44ch}
}

/* «Читайте также» под статьёй: белые карточки на песочной секции; на телефоне — лентой вбок */
.post-grid--more{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.post-grid--more>article{background:#fff!important;padding-bottom:24px!important}
.post-grid--more>article:hover{background:#fff!important}
.post-grid--more>article h3{margin-bottom:0!important;font-size:19px!important}
@media (max-width:759px){
  .post-grid--more{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none}
  .post-grid--more::-webkit-scrollbar{display:none}
  .post-grid--more>article{flex:0 0 78%;scroll-snap-align:start}
  .post-grid--more>article:hover{transform:none}
}

/* ── оранжевый блок «ранний доступ», как на главной ── */
.bl-cta{position:relative;overflow:hidden;isolation:isolate;contain:paint;border-radius:32px;background:var(--lv-warm);color:#fff;
  padding:clamp(40px,5vw,88px) clamp(24px,5vw,88px);display:flex;flex-wrap:wrap;gap:28px 56px;align-items:center;justify-content:space-between}
.bl-cta::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/images/cta-warm.webp) 70% 30%/cover no-repeat}
.bl-cta::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(255,118,72,.94) 0%,rgba(255,118,72,.66) 55%,rgba(255,118,72,.3) 100%)}
.bl-cta>div{max-width:620px}
.bl-cta h2{margin:0 0 16px;font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.03em;font-weight:500;color:#fff;text-wrap:balance}
.bl-cta p{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:rgba(255,255,255,.92);max-width:32em}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 32px;border-radius:100px;
  font-size:17px;font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none!important;
  transition:opacity .4s var(--lv-ease),transform .4s var(--lv-ease)}
.btn:hover{opacity:.88}
.btn:active{transform:scale(.98)}
.btn-white{background:#fff;color:var(--lv-ink)!important}
.btn-accent{background:var(--lv-accent);color:#fff!important}

/* ── статья ── */
@media (min-width:1000px){.bl-hero--post{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);min-height:0}}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 20px;font-size:16px;font-weight:500;color:var(--lv-accent-text)}
.post-meta i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}
.post-h1{margin:0 0 24px;font-size:clamp(36px,4.4vw,64px);line-height:.98;letter-spacing:-.035em;font-weight:500;
  color:var(--lv-ink);text-wrap:balance}
.post-cover{border-radius:28px;aspect-ratio:16/10;background:var(--cover,linear-gradient(135deg,#FFB27A,#F25638)) center 38%/cover no-repeat;
  box-shadow:0 40px 80px -36px rgba(32,32,32,.45)}
@media (min-width:1000px){.post-cover{aspect-ratio:4/5;max-height:480px}}

.post-body{display:grid;gap:clamp(32px,4vw,72px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1040px){.post-body{grid-template-columns:minmax(0,720px) minmax(260px,320px);justify-content:space-between}}
.post-aside{display:none}
@media (min-width:1040px){.post-aside:not(:empty){display:block;position:sticky;top:104px;align-self:start}}

/* Содержание сбоку: копия оглавления статьи (собирает скрипт страницы),
   текущий раздел подсвечен, сверху полоска прочитанного */
.post-toc{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 128px);overflow:auto;overscroll-behavior:contain;
  background:var(--lv-card);border-radius:24px;padding:22px 20px 20px 22px;scrollbar-width:thin}
.post-toc-t{margin:0 0 12px;font-size:16px;font-weight:500;color:var(--lv-ink)}
.post-progress{height:3px;margin:0 0 14px;border-radius:3px;background:rgba(32,32,32,.08);overflow:hidden}
.post-progress i{display:block;height:100%;background:var(--lv-accent);transform-origin:0 50%;transform:scaleX(0)}
.post-toc ol{list-style:none;margin:0 0 20px;padding:0;counter-reset:t}
.post-toc li{counter-increment:t;display:grid;grid-template-columns:2.1em 1fr;margin:0}
.post-toc li::before{content:counter(t,decimal-leading-zero);padding-top:7px;font-size:13px;font-weight:500;color:var(--lv-soft);transition:color .3s}
.post-toc a{display:block;padding:5px 0;font-size:14.5px;line-height:1.35;color:var(--lv-muted);text-decoration:none;transition:color .3s}
.post-toc a:hover{color:var(--lv-ink)}
.post-toc a.is-active{color:var(--lv-ink);font-weight:500}
.post-toc li:has(a.is-active)::before{color:var(--lv-accent-text)}
.post-toc .btn{flex:none;min-height:46px;padding:12px 20px;font-size:15px}
@media (min-width:1040px){.has-side-toc .lv-page .post-content .sb-toc{display:none}}

.post-back{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(36px,4vw,56px);min-height:48px;padding:12px 24px;
  border-radius:100px;background:var(--lv-card);color:var(--lv-ink)!important;font-size:16px;font-weight:500;text-decoration:none!important;
  transition:background-color .4s var(--lv-ease)}
.post-back:hover{background:var(--lv-card-2)}

/* Текст статьи: типографика сайта поверх встроенных стилей статьи (.sb-*).
   Префикс .lv-page — чтобы перебить <style> внутри статьи: он стоит ниже по
   документу и при равной специфичности победил бы. */
.lv-page .post-content{min-width:0;font-size:18px;line-height:1.72;color:#2A2A28}
.lv-page .post-content p{margin:0 0 1.3em}
.lv-page .post-content h2{margin:2.1em 0 .6em;font-size:clamp(26px,2.4vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--lv-ink)}
.lv-page .post-content h3{margin:1.7em 0 .5em;font-size:clamp(20px,1.7vw,23px);line-height:1.25;letter-spacing:-.02em;font-weight:500;color:var(--lv-ink)}
.lv-page .post-content .sb-article h2:first-of-type+p{font-size:1.1em;line-height:1.6;opacity:1}
.lv-page .post-content a{color:var(--lv-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lv-page .post-content strong{font-weight:600;color:var(--lv-ink)}
.lv-page .post-content ul,.lv-page .post-content ol{padding-left:1.3em;margin:1.1em 0}
.lv-page .post-content li{margin:.5em 0}
.lv-page .post-content li::marker{color:var(--lv-accent);font-weight:500}
.lv-page .post-content img{display:block;width:100%;height:auto;border-radius:24px}
.lv-page .post-content figure{margin:2em 0}
.lv-page .post-content figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--lv-soft);text-align:left}
.lv-page .post-content .sb-figure img,.lv-page .post-content .sb-cover img{border-radius:24px;box-shadow:none}

/* Разделы статьи — с номером, как шаги «01 / 02 / 03» на главной; номера
   совпадают с оглавлением. Перед 4-м и 9-м разделом — фото сайта во всю колонку. */
.lv-page .post-content .sb-article{counter-reset:sec}
.lv-page .post-content .sb-article>h2[id^="sb-"]{counter-increment:sec;display:flex;flex-direction:column;
  margin:2.4em 0 .6em;padding-top:30px;border-top:1px solid var(--lv-line)}
.lv-page .post-content .sb-article>h2[id^="sb-"]::before{content:counter(sec,decimal-leading-zero);order:-1;margin-bottom:14px;
  font-size:16px;font-weight:500;letter-spacing:0;color:var(--lv-accent-text)}
.lv-page .post-content .sb-article>h2[id^="sb-"]:is(:nth-of-type(4),:nth-of-type(9)){border-top:0;padding-top:0}
.lv-page .post-content .sb-article>h2[id^="sb-"]:is(:nth-of-type(4),:nth-of-type(9))::after{content:"";order:-2;display:block;
  aspect-ratio:21/9;margin:0 0 40px;border-radius:24px;background:var(--band-1,url(/images/vibe-breeze.webp)) center 40%/cover no-repeat}
.lv-page .post-content .sb-article>h2[id^="sb-"]:nth-of-type(9)::after{background-image:var(--band-2,url(/images/vibe-dacha.webp))}
.lv-page .post-content .sb-article>h2[id]{scroll-margin-top:120px}

.lv-page .post-content .sb-byline{margin:0 0 28px}
.lv-page .post-content .sb-ava{font-weight:500;background:linear-gradient(135deg,#FF9A4D,#F25638)}
.lv-page .post-content .sb-bl-name,.lv-page .post-content .sb-author-name{font-weight:500}

.lv-page .post-content .sb-toc,.lv-page .post-content .sb-answer{border:0;border-radius:24px;background:var(--lv-card);padding:24px 28px;margin:0 0 36px}
.lv-page .post-content .sb-toc-t,.lv-page .post-content .sb-answer-t{text-transform:none;letter-spacing:0;font-size:16px;font-weight:500;color:var(--lv-accent-text);margin-bottom:10px}
.lv-page .post-content .sb-toc ol,.lv-page .post-content .sb-related ul,.lv-page .post-content .sb-src{list-style:none;padding:0;margin:0}
.lv-page .post-content .sb-toc ol{font-size:16.5px}
.lv-page .post-content .sb-toc li{margin:8px 0;grid-template-columns:2.4em 1fr}
.lv-page .post-content .sb-toc li::before{content:counter(t,decimal-leading-zero);color:var(--lv-accent-text);font-weight:500;text-align:left;padding:0;font-size:.9em}
.lv-page .post-content .sb-toc a{color:var(--lv-ink);text-decoration:none;opacity:1;transition:color .3s}
.lv-page .post-content .sb-toc a:hover{color:var(--lv-accent-text)}

/* Короткая цитата-мысль — крупно, как утверждения на главной. Длинная вставка
   из нескольких абзацев — обычным текстом на плашке, а не огромным шрифтом. */
.lv-page .post-content .sb-quote{position:relative;margin:2em 0;padding:26px 0 0;border:0;opacity:1;
  font-size:clamp(23px,2.2vw,30px);font-style:normal;font-weight:500;line-height:1.25;letter-spacing:-.025em;color:var(--lv-ink);text-wrap:balance}
.lv-page .post-content .sb-quote::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;border-radius:3px;background:var(--lv-accent)}
.lv-page .post-content blockquote:not(.sb-quote){margin:1.8em 0;padding:22px 26px;border:0;border-radius:20px;background:var(--lv-card);
  font-size:inherit;font-style:normal;font-weight:400;line-height:1.7;letter-spacing:0;color:#2A2A28}
.lv-page .post-content blockquote:not(.sb-quote) p:last-child{margin:0}
.lv-page .post-content .sb-callout{border:0;border-radius:20px;background:var(--lv-cream);padding:20px 24px;margin:28px 0}
.lv-page .post-content .sb-callout p:last-child{margin:0}

.lv-page .post-content .sb-tw{margin:28px 0;border-radius:20px;border:1px solid var(--lv-line)}
.lv-page .post-content table{width:100%;border-collapse:collapse;margin:0;font-size:15.5px;line-height:1.5}
.lv-page .post-content th,.lv-page .post-content td{padding:12px 16px;border:0;border-bottom:1px solid var(--lv-line);text-align:left;vertical-align:top}
.lv-page .post-content tr:last-child td{border-bottom:0}
.lv-page .post-content th{font-weight:500;background:var(--lv-card);color:var(--lv-ink)}
.lv-page .post-content tbody tr:nth-child(even){background:none}

/* вопросы — как блок «Что обычно спрашивают» на главной */
.lv-page .post-content details,.lv-page .post-content .sb-faq{border:0;border-radius:20px;background:var(--lv-card);margin:8px 0;padding:0}
.lv-page .post-content summary{position:relative;cursor:pointer;list-style:none;padding:18px 64px 18px 22px;font-size:17px;font-weight:500;line-height:1.4;color:var(--lv-ink)}
.lv-page .post-content summary::-webkit-details-marker{display:none}
.lv-page .post-content summary::after{content:"+";position:absolute;right:18px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;
  background:#fff;color:var(--lv-ink);font-size:20px;font-weight:400;line-height:30px;text-align:center;transition:background-color .3s,color .3s}
.lv-page .post-content details[open]{background:#fff;box-shadow:inset 0 0 0 1px var(--lv-line)}
.lv-page .post-content details[open] summary::after{content:"×";background:var(--lv-ink);color:#fff}
.lv-page .post-content .sb-faq .a{padding:0 22px 8px;font-size:16px;color:var(--lv-muted)}

/* «Читайте также» внутри статьи — видно без скрипта (и поисковикам);
   со скриптом список уезжает в секцию карточек под статьёй */
.lv-page .post-content .sb-related{border-top:0;margin-top:44px;padding:24px;border-radius:24px;background:var(--lv-card)}
.lv-page .post-content .sb-related h2{margin:0 0 10px;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--lv-accent-text)}
.lv-page .post-content .sb-related li{margin:0;border-top:1px solid var(--lv-line)}
.lv-page .post-content .sb-related li:first-child{border-top:0}
.lv-page .post-content .sb-related a{display:block;padding:12px 0;color:var(--lv-ink);font-size:17px;font-weight:500;line-height:1.35;text-decoration:none}
.lv-page .post-content .sb-related a:hover{color:var(--lv-accent-text)}
.lv-page .post-content .sb-author{border-top:1px solid var(--lv-line);margin-top:40px}
.lv-page .post-content .sb-src a{color:var(--lv-accent-text)}

/* поля секций: не меньше 20–72px, а на широких экранах содержимое не шире 1296px */
.bl-hero,.bl-sheet,.bl-more,.bl-cta{padding-inline:max(clamp(20px,5vw,72px),calc((100% - 1296px)/2))}

@media (max-width:640px){
  .lv-page{gap:8px;padding:8px}
  .blog-main{gap:8px}
  .bl-hero,.bl-sheet,.bl-more,.bl-cta{border-radius:24px}
  .post-grid>article{border-radius:24px!important}
  .lv-page .post-content{font-size:17px}
  .lv-page .post-content .sb-toc,.lv-page .post-content .sb-answer{padding:20px}
  .lv-page .post-content .sb-article>h2[id^="sb-"]:is(:nth-of-type(4),:nth-of-type(9))::after{aspect-ratio:16/10;margin-bottom:28px}
  .bl-cta .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .post-grid>article,.btn{transition:none}
  .post-grid>article:hover{transform:none}
}

/* ── обложки статей: фото сайта по теме; новым статьям — по кругу ── */
.post-grid>article:nth-child(6n+1),.post-cover{--cover:url(/images/vibe-breeze.webp)}
.post-grid>article:nth-child(6n+2){--cover:url(/images/vibe-coffee.webp)}
.post-grid>article:nth-child(6n+3){--cover:url(/images/vibe-pulse.webp)}
.post-grid>article:nth-child(6n+4){--cover:url(/images/vibe-dacha.webp)}
.post-grid>article:nth-child(6n+5){--cover:url(/images/vibe-flight.webp)}
.post-grid>article:nth-child(6n){--cover:url(/images/vibe-fire.webp)}
.post-content[data-slug="chto-takoe-ii-veduschiy-radio"]{--band-1:url(/images/vibe-breeze.webp);--band-2:url(/images/vibe-dacha.webp)}
.post-content[data-slug="kak-nezavisimomu-muzykantu-popast-v-radioefir"]{--band-1:url(/images/vibe-coffee.webp);--band-2:url(/images/vibe-pulse.webp)}
.post-content[data-slug="kak-sdelat-poezdku-menee-skuchnoy-za-rulem"]{--band-1:url(/images/vibe-autumn.webp);--band-2:url(/images/vibe-beach.webp)}
.post-content[data-slug="kakuyu-muzyku-vklyuchat-passazhiram-v-taksi"]{--band-1:url(/images/vibe-date.webp);--band-2:url(/images/vibe-party.webp)}
.post-content[data-slug="kakuyu-skazku-vklyuchit-rebenku-v-mashine"]{--band-1:url(/images/vibe-flight.webp);--band-2:url(/images/vibe-fire.webp)}
.post-content[data-slug="pochemu-marshrut-vliyaet-na-efir"]{--band-1:url(/images/compare-calm.webp);--band-2:url(/images/band-warm.webp)}
.post-content[data-slug="pochemu-na-radio-tak-mnogo-reklamy"]{--band-1:url(/images/vibe-breeze.webp);--band-2:url(/images/vibe-dacha.webp)}
.post-content[data-slug="pochemu-pleylist-v-doroge-bystro-nadoedaet"]{--band-1:url(/images/vibe-coffee.webp);--band-2:url(/images/vibe-pulse.webp)}
.post-content[data-slug="radio-ili-striming-dlya-mashiny-chto-luchshe"]{--band-1:url(/images/vibe-autumn.webp);--band-2:url(/images/vibe-beach.webp)}
.post-content[data-slug="skolko-vremeni-v-poezdke-uhodit-na-reklamu"]{--band-1:url(/images/vibe-date.webp);--band-2:url(/images/vibe-party.webp)}
.post-grid>article:has(a[href="/blog/chto-takoe-ii-veduschiy-radio"]),.post-cover[data-slug="chto-takoe-ii-veduschiy-radio"]{--cover:url(/images/vibe-focus.webp)}
.post-grid>article:has(a[href="/blog/kak-nezavisimomu-muzykantu-popast-v-radioefir"]),.post-cover[data-slug="kak-nezavisimomu-muzykantu-popast-v-radioefir"]{--cover:url(/images/studio-glass.webp)}
.post-grid>article:has(a[href="/blog/kak-sdelat-poezdku-menee-skuchnoy-za-rulem"]),.post-cover[data-slug="kak-sdelat-poezdku-menee-skuchnoy-za-rulem"]{--cover:url(/images/vibe-spring.webp)}
.post-grid>article:has(a[href="/blog/kakuyu-muzyku-vklyuchat-passazhiram-v-taksi"]),.post-cover[data-slug="kakuyu-muzyku-vklyuchat-passazhiram-v-taksi"]{--cover:url(/images/vibe-city.webp)}
.post-grid>article:has(a[href="/blog/kakuyu-skazku-vklyuchit-rebenku-v-mashine"]),.post-cover[data-slug="kakuyu-skazku-vklyuchit-rebenku-v-mashine"]{--cover:url(/images/kids-jump.webp)}
.post-grid>article:has(a[href="/blog/pochemu-marshrut-vliyaet-na-efir"]),.post-cover[data-slug="pochemu-marshrut-vliyaet-na-efir"]{--cover:url(/images/road-wide.webp)}
.post-grid>article:has(a[href="/blog/pochemu-na-radio-tak-mnogo-reklamy"]),.post-cover[data-slug="pochemu-na-radio-tak-mnogo-reklamy"]{--cover:url(/images/vibe-rain.webp)}
.post-grid>article:has(a[href="/blog/pochemu-pleylist-v-doroge-bystro-nadoedaet"]),.post-cover[data-slug="pochemu-pleylist-v-doroge-bystro-nadoedaet"]{--cover:url(/images/vibe-evening.webp)}
.post-grid>article:has(a[href="/blog/radio-ili-striming-dlya-mashiny-chto-luchshe"]),.post-cover[data-slug="radio-ili-striming-dlya-mashiny-chto-luchshe"]{--cover:url(/images/vibe-sport.webp)}
.post-grid>article:has(a[href="/blog/skolko-vremeni-v-poezdke-uhodit-na-reklamu"]),.post-cover[data-slug="skolko-vremeni-v-poezdke-uhodit-na-reklamu"]{--cover:url(/images/vibe-silence.webp)}