/* pic:fonts — у донора веб-шрифта нет, семейства выбраны нами, файлы свои */
@font-face{font-family:'PicHead';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/archivo-500_800-latin-ext.7301cde3.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PicHead';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/archivo-500_800-latin.65449f16.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PicText';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i-latin-ext.870bd59c.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PicText';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i-latin.58465a5d.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PicText';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400-latin-ext.a4e7b4b5.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PicText';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400-latin.d4877aef.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PicText';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600-latin-ext.d53a7667.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PicText';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600-latin.041903c5.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ============================================================
   pic: скин picdar.co.uk
   1. лестница тонов и метрика
   2. базовая типографика
   3. полосы, лист, отступы
   4. мачта и ряд рубрик
   5. бургер
   6. первый экран главной
   7. решётка карточек
   8. читательская колонка
   9. виджеты
   10. подвал
   11. телефон
   ============================================================ */

/* ---------- 1. лестница тонов и метрика ---------- */
:root{
  --pic-polotno:#e6e2d9;   /* полотно — фон страницы                          */
  --pic-list:#fffdf8;      /* лист    — 1.272 к полотну                       */
  --pic-vrezka:#f1ece1;    /* врезка  — 1.159 к листу, живёт НА листе         */
  --pic-plita:#e2dbc9;     /* плита   — 1.172 к врезке, живёт В врезке        */
  --pic-ramka:#d4cec1;     /* граница плиты и врезки                          */
  --pic-tush:#191b1f;      /* чернила — 16.96 на листе                        */
  --pic-macht:#12151b;     /* мачта   — 17.98 к листу                         */
  --pic-signal:#b0311c;    /* акцент  — 4.61 на самом тёмном светлом плане    */
  --pic-ssylka:#8a2a16;    /* ссылка  — 6.28 там же                           */
  --pic-seryi:#5d5a52;     /* служебный серый — 4.99 там же                   */
  --pic-linia:rgba(25,27,31,.12);   /* линейка 1px, 12 % чернил               */
  --pic-liniasv:rgba(255,253,248,.22);

  --pic-pad:clamp(16px,4vw,36px);   /* боковой отступ любого красящего блока   */
  --pic-gap:clamp(0px,3.2vw,34px);  /* воздух вокруг листа на полотне          */
  --pic-band:888px;                 /* полоса: хабы, решётки, таблицы          */
  --pic-read:760px;                 /* читательская колонка                    */
  --pic-wide:1120px;                /* содержимое мачты и подвала              */
  --pic-rail:262px;                 /* рельс шаблона статьи                    */
}
*,*::before,*::after{box-sizing:border-box}

/* ---------- 2. базовая типографика ---------- */
html{-webkit-text-size-adjust:100%}
body.pic-b{
  margin:0;background:var(--pic-polotno);color:var(--pic-tush);
  font:400 17px/1.72 'PicText',Georgia,'Times New Roman',serif;
  font-kerning:normal;text-rendering:optimizeLegibility;
}
/* ⛔⛔ УМОЛЧАНИЯ ТЕГОВ ЗАВЁРНУТЫ В `:where()` — И ЭТО НЕ УКРАШЕНИЕ.
   Написанные в лоб, они выглядели как `body.pic-b a` — вес 0,2,1, то есть ВЫШЕ
   любого правила блока (`.pic-word` 0,1,0, `.pic-foot h2` 0,1,1, `.pic-rubs a`
   0,1,1). Результат: знак издания и весь ряд рубрик на ЧЁРНОЙ мачте красились
   цветом ссылки #8a2a16 (контраст 2.11), заголовки колонок подвала — чернилами
   #191b1f на #12151b (контраст 1.06, текста на экране нет вовсе), а слоган на
   мачте брал 17px вместо 14px. Всё это писалось в скине правильно и молча не
   применялось. `:where()` обнуляет вес до 0,0,1 — умолчание тега уступает
   любому классу, как и задумано. Менять на `body.pic-b X` нельзя. */
:where(body.pic-b) h1,:where(body.pic-b) h2,:where(body.pic-b) h3,
:where(body.pic-b) h4,:where(body.pic-b) h5{
  font-family:'PicHead',Arial,Helvetica,sans-serif;font-weight:700;
  letter-spacing:-.016em;line-height:1.13;margin:0 0 .5em;color:var(--pic-tush);
  text-wrap:balance;
}
:where(body.pic-b) h1{font-size:clamp(28px,4.4vw,40px)}
:where(body.pic-b) h2{font-size:clamp(22px,2.8vw,28px);margin-top:1.7em}
:where(body.pic-b) h3{font-size:clamp(19px,2.2vw,22px);margin-top:1.5em}
:where(body.pic-b) h4{font-size:18px;margin-top:1.3em}
:where(body.pic-b) p,:where(body.pic-b) li,:where(body.pic-b) dd,
:where(body.pic-b) dt,:where(body.pic-b) blockquote,
:where(body.pic-b) td,:where(body.pic-b) th{
  font-size:17px;line-height:1.72;font-family:'PicText',Georgia,serif;
}
:where(body.pic-b) p{margin:0 0 1.05em;overflow-wrap:anywhere}
:where(body.pic-b) li,:where(body.pic-b) dd,:where(body.pic-b) td{
  overflow-wrap:anywhere}
:where(body.pic-b) a{color:var(--pic-ssylka);text-underline-offset:.16em;
  text-decoration-thickness:from-font}
:where(body.pic-b) a:hover{color:var(--pic-signal)}
:where(body.pic-b) img{max-width:100%;height:auto}
:where(body.pic-b) code,:where(body.pic-b) kbd,:where(body.pic-b) samp{
  font-family:ui-monospace,'Cascadia Mono','Consolas',monospace;font-size:.92em;
  overflow-wrap:anywhere}
:where(body.pic-b) pre{max-width:100%;overflow-x:auto;white-space:pre;
  background:var(--pic-vrezka);padding:14px 16px;border:1px solid var(--pic-ramka)}
:where(body.pic-b) iframe,:where(body.pic-b) video,:where(body.pic-b) embed,
:where(body.pic-b) object{max-width:100%}
.pic-i{fill:currentColor;vertical-align:-3px;flex:0 0 auto}
.pic-skip{position:absolute;left:-9999px}
.pic-skip:focus{left:8px;top:8px;z-index:99;background:var(--pic-list);
  color:var(--pic-tush);padding:10px 14px;border:2px solid var(--pic-signal)}

/* кикер — единственная капитель на сайте */
.pic-k{font-family:'PicHead',Arial,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pic-seryi);
  margin:0 0 10px;display:flex;align-items:center;gap:7px}
.pic-k .pic-i{width:15px;height:15px;color:var(--pic-signal)}

/* ---------- 3. полосы, лист, отступы ---------- */
.pic-band{width:100%;padding:var(--pic-gap) var(--pic-pad)}
.pic-band>.pic-w{max-width:var(--pic-band);margin:0 auto}
/* полоса шаблона статьи: 760 колонка + 34 зазор + 262 рельс = 1056 */
.pic-band--art>.pic-w{max-width:1056px}
/* лист рисуется на ПОЛОСЕ, а не на блоке */
.pic-sheet{background:var(--pic-list);border:1px solid var(--pic-ramka);
  box-shadow:0 1px 3px rgba(25,27,31,.07);padding:clamp(20px,3.4vw,38px)}
.pic-rule{border:0;border-top:1px solid var(--pic-linia);margin:26px 0}

/* ---------- 4. мачта и ряд рубрик — ОДИН <header> ---------- */
.pic-mast{background:var(--pic-macht);color:var(--pic-list);position:relative;z-index:30}
.pic-mast__in{max-width:var(--pic-wide);margin:0 auto;padding:18px var(--pic-pad) 14px;
  display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.pic-word{font-family:'PicHead',Arial,sans-serif;font-weight:800;font-size:27px;
  letter-spacing:-.03em;color:var(--pic-list);text-decoration:none;line-height:1}
.pic-word:hover{color:var(--pic-list)}
.pic-word em{font-style:normal;color:var(--pic-signal);
  /* акцент на мачте берётся светлее: #b0311c к #12151b даёт 2.9 */
  color:#e8a48f}
.pic-tag{font-family:'PicText',Georgia,serif;font-size:14px;color:#b9b3a6;
  margin:0;flex:1 1 220px;min-width:0}
.pic-rubs{border-top:1px solid var(--pic-liniasv)}
.pic-rubs__in{max-width:var(--pic-wide);margin:0 auto;padding:0 var(--pic-pad)}
.pic-rubs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  gap:0 26px}
.pic-rubs li{margin:0}
.pic-rubs a{display:inline-flex;align-items:center;min-height:44px;
  font-family:'PicHead',Arial,sans-serif;font-size:14px;font-weight:600;
  letter-spacing:.02em;color:#ded8cb;text-decoration:none;line-height:1.4;
  border-bottom:2px solid transparent}
.pic-rubs a:hover{color:var(--pic-list);border-bottom-color:#e8a48f}
.pic-rubs a[aria-current]{color:var(--pic-list);border-bottom-color:#e8a48f}

/* ---------- 5. бургер: чекбокс, без JS ---------- */
.pic-burg{display:none}
.pic-burglab{display:none;margin-left:auto;align-items:center;gap:9px;
  min-height:44px;min-width:44px;justify-content:center;cursor:pointer;
  font-family:'PicHead',Arial,sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:#ded8cb}
.pic-burglab b{display:block;width:22px;height:2px;background:currentColor;
  position:relative}
.pic-burglab b::before,.pic-burglab b::after{content:'';position:absolute;
  left:0;width:22px;height:2px;background:currentColor}
.pic-burglab b::before{top:-7px}.pic-burglab b::after{top:7px}
.pic-menuclose{display:none}

/* ---------- 6. первый экран главной ---------- */
/* ⚠️ align-items:start — обязательное. По умолчанию ряд грида тянет КАЖДОГО
   соседа под самого высокого: столбец-индекс справа растягивался под кадр лида
   и нёс 343 px пустоты в коробке 693 (R24). Колонки первого экрана разной
   высоты — это замысел, а не недосмотр. */
.pic-lead{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;
  align-items:start}
.pic-lead>*{min-width:0}
@media (min-width:860px){
  .pic-lead{grid-template-columns:minmax(0,1fr) 296px}
}
.pic-lead__fig{margin:0}
.pic-lead__fig img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;
  background:var(--pic-plita)}
.pic-lead__cap{font-size:13px;line-height:1.5;color:var(--pic-seryi);
  margin:9px 0 0;font-family:'PicText',Georgia,serif}
.pic-lead h1{margin:16px 0 10px;
  font-size:clamp(28px,min(4.6vw,10cqi),42px)}
.pic-lead__dek{font-size:19px;line-height:1.6;color:#33363d;margin:0}
/* столбец-индекс из трёх строк справа */
.pic-ix{background:var(--pic-vrezka);border:1px solid var(--pic-ramka);
  padding:18px 20px}
.pic-ix ol{list-style:none;margin:0;padding:0;counter-reset:pic-ix}
.pic-ix li{counter-increment:pic-ix;padding:13px 0;border-top:1px solid var(--pic-linia)}
.pic-ix li:first-child{border-top:0;padding-top:0}
.pic-ix li::before{content:counter(pic-ix,decimal-leading-zero);
  font-family:'PicHead',Arial,sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.08em;color:var(--pic-signal);display:block;margin-bottom:4px}
.pic-ix a{font-family:'PicHead',Arial,sans-serif;font-weight:600;font-size:16px;
  line-height:1.3;color:var(--pic-tush);text-decoration:none;
  display:inline-block;padding:2px 0}
.pic-ix a:hover{color:var(--pic-signal);text-decoration:underline}

/* ---------- 7. решётка карточек ---------- */
/* ⚠️ align-items:start — обязательное, см. R24. Карточки разделяет ЛИНЕЙКА
   СВЕРХУ, а не рамка по кругу, поэтому разная высота ячеек на экране не видна
   вовсе — зато без этой строки короткая карточка получала 75–164 px мёртвого
   поля под текстом, потому что ряд тянулся под самую длинную. */
.pic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 30px;
  margin:0;padding:0;list-style:none;align-items:start}
.pic-grid>li{min-width:0;container-type:inline-size;
  padding:22px 0;border-top:1px solid var(--pic-linia)}
@media (min-width:720px){
  .pic-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  /* хвост неполного ряда растягивается: первый элемент хвоста всегда на 2n+1 */
  .pic-grid>li:nth-last-child(1):nth-child(2n+1){grid-column:span 2}
}
.pic-card__k{font-family:'PicHead',Arial,sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--pic-signal);
  display:block;margin-bottom:7px}
.pic-card h3{margin:0 0 8px;font-size:clamp(18px,min(2.4vw,8.4cqi),23px)}
.pic-card h3 a{color:var(--pic-tush);text-decoration:none}
.pic-card h3 a:hover{color:var(--pic-signal);text-decoration:underline}
.pic-card p{margin:0;font-size:15.5px;line-height:1.62;color:#3a3d44}
.pic-card__m{margin-top:9px;font-family:'PicHead',Arial,sans-serif;font-size:12px;
  letter-spacing:.05em;color:var(--pic-seryi);white-space:nowrap}
.pic-card figure{margin:0 0 12px}
.pic-card figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;
  background:var(--pic-plita)}

/* полка рубрики на главной */
.pic-shelf{margin-top:34px}
.pic-shelf__h{display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;border-bottom:2px solid var(--pic-tush);padding-bottom:8px;
  margin-bottom:4px}
.pic-shelf__h h2{margin:0;font-size:clamp(19px,2.3vw,23px)}
.pic-shelf__h a{font-family:'PicHead',Arial,sans-serif;font-size:13px;
  font-weight:600;letter-spacing:.05em;text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;gap:5px;padding:15px 0;margin:-15px 0}
.pic-shelf__h a .pic-i{width:15px;height:15px}

/* ---------- 8. читательская колонка ---------- */
.pic-art{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.pic-art>*{min-width:0}
@media (min-width:980px){
  .pic-art--rail{grid-template-columns:minmax(0,1fr) var(--pic-rail)}
}
.pic-crumbs{font-family:'PicHead',Arial,sans-serif;font-size:12.5px;
  letter-spacing:.03em;color:var(--pic-seryi);margin:0 0 16px}
.pic-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  gap:0 9px}
.pic-crumbs li+li::before{content:'/';margin-right:9px;color:var(--pic-ramka)}
.pic-crumbs a{display:inline-block;padding:11px 0;margin:-11px 0}
.pic-meta{font-family:'PicHead',Arial,sans-serif;font-size:12.5px;
  letter-spacing:.05em;color:var(--pic-seryi);margin:0 0 22px;
  padding-bottom:16px;border-bottom:1px solid var(--pic-linia)}
.pic-dek{font-size:19.5px;line-height:1.6;color:#33363d;margin:0 0 22px}
.pic-prose{display:flow-root}
.pic-prose>h2:first-child,.pic-prose>h3:first-child{margin-top:0}
.pic-prose ul,.pic-prose ol{padding-left:1.35em;margin:0 0 1.1em}
.pic-prose li{margin-bottom:.4em}
.pic-prose blockquote{margin:1.4em 0;padding:2px 0 2px 20px;
  border-left:3px solid var(--pic-signal);font-size:18.5px;line-height:1.62}
.pic-prose figure{margin:1.6em 0}
.pic-prose figure img{display:block;width:100%}
.pic-prose figcaption{font-size:13px;line-height:1.5;color:var(--pic-seryi);
  margin-top:8px}
/* первая картинка материала уходит вбок (DESIGN-ELEMENTS §18) */
.pic-prose figure.pic-float{float:right;width:clamp(170px,32%,300px);
  margin:4px 0 18px 24px}
.pic-prose figure.pic-float img{aspect-ratio:3/2;object-fit:cover}
/* рисованная надпись, кнопка или схема донора — в свой размер: ни кадрировать,
   ни увеличивать её нельзя, иначе от надписи остаётся середина */
.pic-prose figure.pic-nat img{width:auto;max-width:100%;height:auto}
.pic-prose table{width:100%;border-collapse:collapse;margin:1.5em 0;
  font-size:15.5px}
/* ⛔ Таблица статьи РОБОТА приезжает голой — без класса и без обёртки
   прокрутки, которую сборщик вешает донорским. Фиксированная раскладка
   убирает min-content из расчёта дорожки сетки (иначе документ вылетает за
   вьюпорт на мобилке), подпись при этом никуда не едет. Донорские таблицы
   помечены `pic-t--card` и под это правило не попадают. */
.pic-prose>table:not(.pic-t--card){table-layout:fixed}
.pic-prose>table:not(.pic-t--card) caption{caption-side:top;text-align:left;
  font-size:13px;color:var(--pic-seryi);padding-bottom:6px}
.pic-prose>table:not(.pic-t--card) th,
.pic-prose>table:not(.pic-t--card) td{overflow-wrap:anywhere}
.pic-prose th,.pic-prose td{text-align:left;padding:9px 12px;
  border-bottom:1px solid var(--pic-linia);vertical-align:top}
.pic-prose thead th{font-family:'PicHead',Arial,sans-serif;font-size:12px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--pic-seryi);
  border-bottom:2px solid var(--pic-tush)}
.pic-prose tbody tr:nth-child(odd){background:var(--pic-vrezka)}
.pic-rail{min-width:0}
@media (min-width:980px){
  .pic-rail{position:sticky;top:18px;align-self:start}
}

/* ---------- 9. виджеты ---------- */
.pic-wid{background:var(--pic-vrezka);border:1px solid var(--pic-ramka);
  padding:18px 20px;margin:0 0 24px}
.pic-wid__h{font-family:'PicHead',Arial,sans-serif;font-weight:700;font-size:15px;
  letter-spacing:-.01em;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.pic-wid__h .pic-i{width:17px;height:17px;color:var(--pic-signal)}
.pic-wid__n{font-size:12.5px;line-height:1.5;color:var(--pic-seryi);
  margin:0 0 14px;font-family:'PicText',Georgia,serif}

/* ── разметка, которой на сайте пока НЕТ, а у робота автопостинга будет ──
   Анонс приезжает от `CreatePbnArticleReviewJob` прямо за маркером
   `<!-- BLOG -->` своим `<div style="margin-bottom:20px">` с `h4` и `p` —
   собственных классов у него нет, поэтому одеваем его ОТ КОНТЕЙНЕРА,
   а инлайновый отступ перебиваем. */
.pic-wire{margin:0 0 26px}
.pic-wire>div{margin:0 0 18px!important;padding:0 0 16px;
  border-bottom:1px solid var(--pic-linia)}
.pic-wire>div:last-child{border-bottom:0}
.pic-wire h4{font-family:'PicHead',Arial,sans-serif;font-size:19px;
  line-height:1.3;letter-spacing:-.01em;margin:0 0 6px}
.pic-wire h4 a{text-decoration:none}
.pic-wire p{font-size:15px;line-height:1.55;color:var(--pic-seryi);margin:0}
/* дату робот дописывает САМ первым узлом тела статьи (`ArticleDateStamp`),
   селектор обязан быть с контейнером, иначе его перебьёт `.pic-prose p` */
.pic-prose .pbn-published-date{font-family:'PicHead',Arial,sans-serif;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pic-seryi);margin:0 0 18px}

/* стек редакции — таблица продуктов */
.pic-stek table{width:100%;border-collapse:collapse;font-size:13.5px;
  line-height:1.5;table-layout:fixed}
.pic-stek th,.pic-stek td{text-align:left;padding:8px 6px;vertical-align:top;
  border-top:1px solid var(--pic-ramka);overflow-wrap:anywhere}
.pic-stek thead th{font-family:'PicHead',Arial,sans-serif;font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--pic-seryi);
  border-top:0;border-bottom:1px solid var(--pic-tush);padding-top:0}
.pic-stek tbody tr:nth-child(even){background:var(--pic-plita)}
.pic-stek .pic-stek__p{font-family:'PicHead',Arial,sans-serif;font-weight:600;
  font-size:13px}
.pic-stek .pic-stek__y{font-variant-numeric:tabular-nums;white-space:nowrap;
  width:3.4em;color:var(--pic-seryi)}

/* хронология вендора — вертикальная шкала лет */
.pic-hron{margin:0;padding:0;list-style:none}
.pic-hron li{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:0 16px;
  padding:12px 0;border-top:1px solid var(--pic-ramka);position:relative}
.pic-hron li:first-child{border-top:0;padding-top:0}
.pic-hron b{font-family:'PicHead',Arial,sans-serif;font-weight:700;font-size:16px;
  font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--pic-signal);
  line-height:1.4}
.pic-hron div{font-size:14.5px;line-height:1.58;min-width:0}
.pic-hron div b{font-family:'PicText',Georgia,serif;font-size:inherit;
  color:var(--pic-tush);font-weight:600;white-space:normal}

/* указатель архива — перепись своей базы */
.pic-ukaz table{width:100%;border-collapse:collapse;font-size:13.5px;
  table-layout:fixed}
.pic-ukaz th,.pic-ukaz td{text-align:left;padding:7px 5px;vertical-align:top;
  border-top:1px solid var(--pic-ramka);overflow-wrap:anywhere}
.pic-ukaz thead th{font-family:'PicHead',Arial,sans-serif;font-size:10.5px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--pic-seryi);
  border-top:0;border-bottom:1px solid var(--pic-tush);padding-top:0}
.pic-ukaz td.pic-n,.pic-ukaz th.pic-n{text-align:right;width:3.1em;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pic-ukaz tbody tr:nth-child(even){background:var(--pic-plita)}
.pic-ukaz tfoot td{border-top:2px solid var(--pic-tush);
  font-family:'PicHead',Arial,sans-serif;font-weight:700;font-size:12.5px}
.pic-ukaz a{text-decoration:none}
.pic-ukaz a:hover{text-decoration:underline}

/* проданная баннерная полоса — переносится без изменений */
.pic-ban{margin:0;padding:0;list-style:none;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.pic-ban li{min-width:0}
.pic-ban a{display:flex;align-items:center;justify-content:center;height:72px;
  background:var(--pic-list);border:1px solid var(--pic-ramka);padding:12px}
.pic-ban img{max-width:100%;max-height:100%;object-fit:contain}

/* ---------- 10. подвал ---------- */
.pic-foot{background:var(--pic-macht);color:#c8c2b5;margin-top:44px;
  font-size:14.5px;line-height:1.66}
.pic-foot__in{max-width:var(--pic-wide);margin:0 auto;
  padding:34px var(--pic-pad) 30px;display:grid;gap:26px;
  grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){
  .pic-foot__in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
}
.pic-foot__in>*{min-width:0}
.pic-foot h2{font-family:'PicHead',Arial,sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:#8f897c;margin:0 0 12px}
.pic-foot p{margin:0 0 .8em;font-size:14.5px;line-height:1.66;color:#c8c2b5}
.pic-foot ul{list-style:none;margin:0;padding:0}
.pic-foot li{margin:0}
.pic-foot a{color:#ded8cb;text-decoration:none;display:inline-block;
  padding:9px 0;margin:-1px 0;line-height:1.4}
.pic-foot a:hover{color:#fffdf8;text-decoration:underline}
.pic-foot__b{border-top:1px solid var(--pic-liniasv)}
.pic-foot__b div{max-width:var(--pic-wide);margin:0 auto;
  padding:16px var(--pic-pad);font-size:13px;color:#8f897c}

/* ---------- 11. телефон: ниже всех правил, которые отменяет ---------- */
@media (max-width:899px){
  .pic-burglab{display:flex}
  .pic-rubs__in{padding:0}
  .pic-rubs ul{display:none;flex-direction:column;gap:0;
    padding:6px var(--pic-pad) 14px}
  .pic-burg:checked ~ .pic-rubs ul{display:flex}
  .pic-rubs li{border-top:1px solid var(--pic-liniasv)}
  .pic-rubs a{min-height:48px;width:100%;font-size:16px;border-bottom:0;
    padding:2px 0}
  .pic-rubs a[aria-current]{color:#e8a48f}
  .pic-burg:checked ~ .pic-rubs .pic-menuclose{display:block;
    border-top:1px solid var(--pic-liniasv)}
  .pic-menuclose label{display:flex;align-items:center;min-height:48px;
    cursor:pointer;font-family:'PicHead',Arial,sans-serif;font-size:13px;
    font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8f897c}
  .pic-prose figure.pic-float{width:45%}
}
@media (max-width:600px){
  .pic-lead__dek{font-size:17.5px}
  .pic-shelf__h{flex-wrap:wrap}
}
/* таблица-карточка на узком экране (DESIGN-ELEMENTS §8) */
@media (max-width:640px){
  .pic-prose table.pic-t--card,.pic-prose table.pic-t--card thead,
  .pic-prose table.pic-t--card tbody,.pic-prose table.pic-t--card tr,
  .pic-prose table.pic-t--card th,.pic-prose table.pic-t--card td{display:block}
  .pic-prose table.pic-t--card thead{display:none}
  .pic-prose table.pic-t--card tr{border:1px solid var(--pic-ramka);
    margin-bottom:14px;padding:4px 12px;background:var(--pic-list)}
  .pic-prose table.pic-t--card tbody tr:nth-child(odd){background:var(--pic-vrezka)}
  .pic-prose table.pic-t--card td{border-bottom:1px solid var(--pic-linia);
    padding:9px 0}
  .pic-prose table.pic-t--card tr td:last-child{border-bottom:0}
  .pic-prose table.pic-t--card td[data-pic-l]::before{
    content:attr(data-pic-l);display:block;
    font-family:'PicHead',Arial,sans-serif;font-size:10.5px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--pic-seryi);margin-bottom:3px}
  .pic-stek table,.pic-ukaz table{table-layout:auto}
}
@media print{
  .pic-mast,.pic-foot,.pic-wid,.pic-crumbs{display:none}
  body.pic-b{background:#fff}
  .pic-sheet{border:0;box-shadow:none;padding:0}
}