/* ═══ Статья (templates/v2/article.php) ══════════════════════════════════
   Поверх v2.css и v2-pages.css. Значения — токены .v2.
   От 375 px вверх: @media (min-width) только добавляет. */

/* H1 длиннее 44 знаков (186 живых заголовков, до 81 знака) — токен --t-h1-long
   (объявлен в v2-pages.css, общий со страницами документов). На 390 — 28 px:
   до 70 знаков в три строки (при --t-h1 32 px — четыре); от 1412 px — 48 px,
   как --t-h2: у H1 рядом с обложкой 45–50 знаков в две строки (при 52 px — три).
   Замер по всем 542 заголовкам. */

/* ── 01 Заголовок и мета ────────────────────────────────────────────────
   Раскладка прототипа (article 01): H1, мета и автор — 8 колонок слева,
   обложка — 4 справа. У заголовка до 50 знаков с обложкой (465 из 493
   статей с обложкой) так и есть: H1 в две строки. Длиннее — H1 во всю
   ширину, мета и автор под ним слева, обложка справа от меты. */
/* Длинный живой H1 (больше 44 знаков): кегль ниже и строка во всю ширину —
   до 81 знака в две строки от 768 px, до 70 знаков в три строки на 390. */
.v2 .art-head--long .phead__t{font-size:var(--t-h1-long);letter-spacing:-.015em;max-width:none}
.v2 .art-head .phead__meta{margin-top:0}
.v2 .art-head .phead__say{gap:var(--s-1)}
/* Последнее звено крошек (повтор H1) до 600 px скрывает общее правило .crumbs (v2-pages.css). */
@media (min-width:900px){
  /* Строки текста — по содержимому, лишнюю высоту кадра забирает последняя пустая строка. */
  .v2 .phead.art-head.phead--media .phead__in{grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-rows:repeat(4,auto) 1fr;column-gap:var(--col-gap);row-gap:var(--s-3);align-items:start}
  .v2 .phead.art-head.phead--media .phead__in>*{grid-column:1}
  .v2 .phead.art-head.phead--media .phead__in>:is(.crumbs,.phead__t){grid-column:1 / -1}
  .v2 .phead.art-head.phead--media .phead__in>.phead__t{margin-bottom:0}
  .v2 .phead.art-head.phead--media .phead__media{grid-column:2;grid-row:3 / -1}
  /* Короткий H1 рядом с обложкой: текст по центру высоты кадра
     (пустые строки 1fr сверху и снизу), без дыры под метой. */
  .v2 .phead.art-head--side.phead--media .phead__in{grid-template-rows:auto minmax(0,1fr) auto auto auto minmax(0,1fr);row-gap:0}
  .v2 .phead.art-head--side.phead--media .phead__in>.crumbs{grid-row:1}
  .v2 .phead.art-head--side.phead--media .phead__in>.phead__t{grid-column:1;grid-row:3;margin-top:var(--s-3);max-width:none}
  .v2 .phead.art-head--side.phead--media .phead__in>.phead__meta{grid-row:4;margin-top:var(--s-3)}
  .v2 .phead.art-head--side.phead--media .phead__in>.phead__say{grid-row:5;margin-top:var(--s-3)}
  .v2 .phead.art-head--side.phead--media .phead__media{grid-row:2 / -1;margin-top:var(--s-3)}
}

/* ── 02 «К содержанию» до 900 px — общая .toc__up (page/toc, v2-pages.css и v2-pages.js). ── */

/* ── 03 Текст: без нижнего поля — дальше ряд предложения на своём ритме ── */
.v2 .art-body{padding-bottom:0}
.v2 .art-body+.offer--row{padding-top:var(--band)}

/* ── 04 Врезка посреди текста — общий .offer--inset (v2-pages.css): на телефоне кадр 4:5
   --read-thumb справа от заголовка и строки, от 600 px кадр --offer-img справа. ── */

/* Мелкий кегль блоков 2022–2023 («Плюсы / Минусы») — общее правило .prose (v2-pages.css). */

/* «Читай также:» в конце статьи — ссылки на услуги строками на льне. */
.v2 .prose>.art-also__t{margin-top:var(--s-5);font:600 var(--t-ui)/1.3 var(--f-d)}
.v2 .prose>.art-also__t+.art-also{margin-top:var(--s-2)}
.v2 .prose .art-also{display:grid;gap:var(--s-0);padding:0;list-style:none}
.v2 .prose .art-also>li{padding:var(--s-2) var(--s-3);border-radius:var(--r-btn);background:var(--linen);color:var(--ink-2)}
.v2 .prose .art-also>li::marker{content:none}

/* Автор в конце текста (п. 66, 30.09): подпись, кружок с инициалами --thumb
   на --acc-soft (фото нет — сгенерированное лицо не ставим), имя Jost 600 --t-h3,
   должность строкой ниже, все статьи. Биографии нет. */
.v2 .prose>.aauthor{margin-top:var(--s-6)}
.v2 .aauthor{display:grid;gap:var(--s-2);justify-items:start}
.v2 .aauthor__t{font-size:var(--t-s);color:var(--ink-2)}
.v2 .aauthor__who{display:flex;align-items:center;gap:var(--s-3)}
.v2 .aauthor__ava{display:grid;place-items:center;flex:none;width:var(--thumb);height:var(--thumb);border-radius:var(--r-chip);
  background:var(--acc-soft);color:var(--acc-ink);font:600 var(--t-ui)/1 var(--f-d)}
.v2 .prose .aauthor__name{margin:0;font:600 var(--t-h3)/1.25 var(--f-d)}
.v2 .aauthor__name>span{display:block;font:400 var(--t-s)/1.5 var(--f-b);color:var(--ink-2)}

/* ── 06 Похожие статьи и рубрики ────────────────────────────────────── */
.v2 .offer--row+.amore{padding-top:0}
.v2 .amore__in{display:grid;gap:var(--s-5)}
/* Три похожие статьи: на телефоне — столбиком строками (миниатюра --read-thumb и заголовок, как лента блога .bfeed),
   без ленты вбок (заказчик 27.10); от 600 px — три колонки, без одинокой карточки во втором ряду. */
.v2 .amore .posts{gap:var(--s-3)}
@media (max-width:599px){
  .v2 .amore .posts .read__a{grid-template-columns:var(--read-thumb) minmax(0,1fr);column-gap:var(--s-3);align-items:center}
  .v2 .amore .posts .read__cover{aspect-ratio:1}
}
@media (min-width:600px){
  .v2 .amore .posts{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0}
}

/* Вертикальная обложка (пример портрета у статей 2022–2023) идёт квадратом
   (media_ratio '1' в шаблоне): лицо вверху кадра не срезается. */
.v2 .art-head--tall .phead__media--crop .phead__frame img{object-position:50% 20%}