/* Запись (новость): вырезка из вестника - одна колонка на бумаге с неровным срезом; рубрика, заголовок, строка с датой между
   линейками, в углу на светлом поле крупный почтовый штемпель (fx/stamp.js), буквица в начале текста. Ролик - кадр плёнки
   синематографа с перфорацией и заставкой-титром; галерея - фотокарточки на уголках; боковая колонка - картотечный ящик с
   карточками на разделителях; переход к соседним записям - бумажные закладки. Подключается после pages.css и list.css. */

/* этикетка «Новости» над записью - меньше, чем H1 списка: заголовок страницы здесь сама запись */
.pg-post .plaque{padding-top:clamp(20px,3.6vw,40px);padding-bottom:clamp(16px,2.6vw,30px)}
.pg-post .plaque-card{padding:9px 32px 11px}
.pg-post .plaque-h{font-size:clamp(1.36rem,4.6vw,1.8rem);letter-spacing:.03em}
.pg-post .crumbs{margin-top:12px}
.post-wrap{gap:clamp(44px,6vw,60px)}

/* ---------- вырезка ---------- */
.pg-post .post{position:relative;z-index:0;background:none;color:var(--ink);padding:20px 18px 28px;box-shadow:0 26px 34px -10px rgba(0,0,0,.62)}
.pg-post .post::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(174deg,#f3e7c6 0%,#eadab2 44%,#e0ce9e 100%);
  clip-path:polygon(0 .22%,.55% 0,99.35% .1%,100% .38%,99.7% 99.72%,99.15% 100%,.45% 99.86%,0 99.55%)}

/* шапка вырезки: рубрики и заголовок слева, штемпель - справа на чистом поле */
.post-head{--sht-size:88px;display:grid;grid-template-columns:minmax(0,1fr) calc(var(--sht-size) * 1.74);grid-template-rows:minmax(calc(var(--sht-size) * 1.04),auto) auto auto;grid-template-areas:"cats sht" "h h" "meta meta";column-gap:8px}
.post-head .shtempel{grid-area:sht;align-self:start;justify-self:end;margin:0 -3px 0 0}
.pg-post .post-cats{grid-area:cats;align-self:end;display:block;min-width:0;font-family:var(--text);font-style:italic;font-size:1.02rem;line-height:1.3;letter-spacing:.01em;text-transform:none;color:#6b4a1c;overflow-wrap:anywhere}
.pg-post .post-cats a{padding:0;border:0;font-size:inherit;letter-spacing:inherit;text-transform:none;color:inherit;transition:color .25s}
.pg-post .post-cats a+a::before{content:", "}
.pg-post .post-cats a:hover{color:#5b1d0e}
.pg-post .post-h{grid-area:h;font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,7.6vw,2.5rem);line-height:1.03;letter-spacing:-.004em;color:#160d04;margin-top:10px;overflow-wrap:break-word;text-wrap:balance}
.pg-post .post-meta{grid-area:meta;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 18px;margin-top:16px;padding:7px 2px 8px;border-top:3px double rgba(50,32,10,.8);border-bottom:1px solid rgba(50,32,10,.62);font-size:.98rem;font-style:italic;line-height:1.4;color:#33240f}
.pg-post .post-by{margin-left:0}
.pg-post .post-meta a,.pg-post .post-tags a{color:#4a1a0c;border-bottom:1px solid rgba(74,26,12,.55)}

/* снимок записи - в настоящих цветах */
.pg-post .post-f{position:relative;margin-top:18px}
.pg-post .post-f img{display:block;width:100%;height:auto;border:1px solid rgba(50,32,10,.62)}

/* текст: колонка, буквица */
.pg-post .post-body{position:relative;margin-top:22px;padding-bottom:40px;font-size:1.06rem;line-height:1.6;color:#1c1206}
/* концовка текста: линейка с ромбом (тот же знак, что на заставке ролика) */
.pg-post .post-body::before{content:"";position:absolute;left:50%;bottom:6px;width:8px;height:8px;margin-left:-4px;background:#5b1d0e;transform:rotate(45deg)}
.pg-post .post-body::after{content:"";position:absolute;left:50%;bottom:10px;width:170px;height:1px;margin-left:-85px;background:linear-gradient(90deg,rgba(50,32,10,0) 0,rgba(50,32,10,.7) 22%,rgba(50,32,10,.7) calc(50% - 13px),rgba(0,0,0,0) calc(50% - 13px),rgba(0,0,0,0) calc(50% + 13px),rgba(50,32,10,.7) calc(50% + 13px),rgba(50,32,10,.7) 78%,rgba(50,32,10,0) 100%)}
.pg-post .post-body>*{max-width:none}
.pg-post .post-body p{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.pg-post .post-body h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.44rem,5.4vw,1.82rem);line-height:1.14;letter-spacing:0;color:#160d04;overflow-wrap:break-word}
.pg-post .post-body h2 strong{font-weight:600}
.pg-post .post-body h2::after{content:"";display:block;width:74px;height:3px;margin-top:14px;border-top:1px solid rgba(50,32,10,.7);border-bottom:1px solid rgba(50,32,10,.7)}
.pg-post .post-body a{color:#5b1d0e;border-bottom:1px solid rgba(91,29,14,.6)}
.pg-post .post-body a:hover{color:#2a1a08;border-color:#2a1a08}
.pg-post .post-body ul{list-style:none;padding-left:0}
.pg-post .post-body li{position:relative;padding-left:1.4em}
.pg-post .post-body li::before{content:"";position:absolute;left:.3em;top:.62em;width:.42em;height:.42em;background:#5b1d0e;transform:rotate(45deg)}
.pg-post .post-body p.bukv::first-letter{float:left;font-family:'Playfair Display','Old Standard TT',Georgia,serif;font-weight:900;font-size:5.1em;line-height:.76;margin:.085em .1em 0 -.02em;color:#5b1d0e}
.pg-post .post-body p.bukv-d::first-letter{padding-bottom:.17em}
.pg-post .post-body p.bukv-s::first-letter{font-family:'Playfair Display','Old Standard TT',Georgia,serif;font-weight:900;font-size:2.2em;line-height:1;margin-right:-.01em;color:#5b1d0e}
.pg-post .post-body .fig{margin:24px 0}
.pg-post .post-body .fig img{width:auto;max-width:100%;height:auto;margin:0 auto;padding:0;background:none;border:1px solid rgba(50,32,10,.5)}

/* ---------- ролик: кадр плёнки синематографа ---------- */
.pg-post .vid{position:relative;margin:28px -10px;padding:30px 12px;border:0;background:#0d0a07;box-shadow:0 14px 18px -6px rgba(40,26,8,.6)}
.pg-post .vid::before,.pg-post .vid::after{content:"";position:absolute;left:0;right:0;height:30px;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,0) 6px,#d9c897 6px 18px,rgba(0,0,0,0) 18px) 0 11px/24px 8px repeat-x,
    linear-gradient(90deg,rgba(0,0,0,0) 7px,#d9c897 7px 17px,rgba(0,0,0,0) 17px) 0 10px/24px 10px repeat-x}
.pg-post .vid::before{top:0}
.pg-post .vid::after{bottom:0}
.pg-post .vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#050403;border-radius:4px;box-shadow:0 0 0 1px rgba(240,190,98,.3)}
/* заставка-титр до начала показа: ставит js/post.js; без скриптов виден сам ролик с его кнопками */
.kino{position:absolute;left:12px;right:12px;top:30px;bottom:30px;z-index:2;display:grid;place-items:center;border-radius:4px;background:#0b0906;box-shadow:0 0 0 1px rgba(240,190,98,.3);cursor:pointer;overflow:hidden}
.kino::before{content:"";position:absolute;inset:11px;border:1px solid rgba(241,232,210,.6);pointer-events:none}
.kino::after{content:"";position:absolute;inset:11px;pointer-events:none;
  background:
    radial-gradient(circle at 0 0,#0b0906 0 12px,rgba(241,232,210,.6) 12px 13px,rgba(0,0,0,0) 13.5px) 0 0/15px 15px no-repeat,
    radial-gradient(circle at 100% 0,#0b0906 0 12px,rgba(241,232,210,.6) 12px 13px,rgba(0,0,0,0) 13.5px) 100% 0/15px 15px no-repeat,
    radial-gradient(circle at 0 100%,#0b0906 0 12px,rgba(241,232,210,.6) 12px 13px,rgba(0,0,0,0) 13.5px) 0 100%/15px 15px no-repeat,
    radial-gradient(circle at 100% 100%,#0b0906 0 12px,rgba(241,232,210,.6) 12px 13px,rgba(0,0,0,0) 13.5px) 100% 100%/15px 15px no-repeat}
.kino i{position:relative;display:block;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff0c4 0%,#f0be62 26%,#b9812c 62%,#6a4413 100%);box-shadow:0 0 0 1px #4a2f12,0 0 0 8px #0b0906,0 0 0 9px rgba(241,232,210,.5),0 0 0 15px #0b0906,0 0 0 16px rgba(241,232,210,.22);transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s}
.kino i::after{content:"";position:absolute;left:50%;top:50%;margin:-12px 0 0 -7px;border-left:19px solid #1c1108;border-top:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(0,0,0,0)}
.kino b{position:absolute;left:50%;top:50%;width:min(64%,430px);height:9px;margin-top:-4.5px;transform:translateX(-50%);pointer-events:none;
  background:
    linear-gradient(90deg,rgba(241,232,210,0) 0,rgba(241,232,210,.55) 18%,rgba(241,232,210,.55) calc(50% - 62px),rgba(0,0,0,0) calc(50% - 62px),rgba(0,0,0,0) calc(50% + 62px),rgba(241,232,210,.55) calc(50% + 62px),rgba(241,232,210,.55) 82%,rgba(241,232,210,0) 100%) 0 4px/100% 1px no-repeat}
.kino b::before,.kino b::after{content:"";position:absolute;top:1px;width:7px;height:7px;background:#0b0906;border:1px solid rgba(241,232,210,.7);transform:rotate(45deg)}
.kino b::before{left:calc(50% - 74px)}
.kino b::after{right:calc(50% - 74px)}
.kino:hover i{transform:scale(1.07);filter:brightness(1.08)}
.kino:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.vid.kino-go .kino{display:none}
/* плёнка протягивается на один кадр, когда ролик входит в экран */
.vid.kino-in::before,.vid.kino-in::after{animation:kinoFilm 1s cubic-bezier(.2,.7,.2,1) both}
.vid.kino-in .kino,.vid.kino-in video{animation:kinoGate 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes kinoFilm{from{background-position:72px 11px,72px 10px}to{background-position:0 11px,0 10px}}
@keyframes kinoGate{0%{transform:translateY(12px)}55%{transform:translateY(-2px)}100%{transform:none}}

/* ---------- галерея: фотокарточки на уголках ---------- */
.pg-post .strip{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;align-items:center;overflow:visible;margin:28px 0 8px;padding:0 2px}
.pg-post .strip .ph{position:relative;display:block;padding:4px;background:none;border:0;filter:drop-shadow(0 7px 6px rgba(40,26,8,.42));transform:rotate(-1.1deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.pg-post .strip .ph:nth-child(2n){transform:rotate(.95deg)}
.pg-post .strip .ph:nth-child(3n){transform:rotate(-.4deg)}
.pg-post .strip .ph:nth-child(4n){transform:rotate(1.4deg)}
/* уголки альбома: четыре треугольника тёмной бумаги поверх углов карточки (лежат внутри её рамки, наружу не выходят) */
.pg-post .strip .ph::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(135deg,#4b3620 0,#2c1d0e 15px,rgba(20,12,4,.4) 15px 16px,rgba(0,0,0,0) 16.5px) 0 0/25px 25px no-repeat,
    linear-gradient(225deg,#46311c 0,#2c1d0e 15px,rgba(20,12,4,.4) 15px 16px,rgba(0,0,0,0) 16.5px) 100% 0/25px 25px no-repeat,
    linear-gradient(45deg,#3d2a17 0,#26180b 15px,rgba(20,12,4,.4) 15px 16px,rgba(0,0,0,0) 16.5px) 0 100%/25px 25px no-repeat,
    linear-gradient(315deg,#3a2815 0,#26180b 15px,rgba(20,12,4,.4) 15px 16px,rgba(0,0,0,0) 16.5px) 100% 100%/25px 25px no-repeat}
.pg-post .strip img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:6px solid #f6eedb}      /* светлое поле отпечатка */
.pg-post .strip[data-n="3"] .ph:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}
/* виртуальная выставка: работы разной формы висят в колонках, имя автора - на поле карточки */
.pg-post .strip-grid{display:block;columns:2;column-gap:16px;margin-top:22px}
.pg-post .strip-grid .ph{display:inline-block;width:100%;vertical-align:top;break-inside:avoid;margin:0 0 14px;background:#f6eedb content-box}      /* строчный блок не рвётся между колонками вместе со своими уголками */
.pg-post .ph-cap{display:block;padding:3px 8px 9px;text-align:center;font-family:var(--text);font-style:italic;font-size:.94rem;line-height:1.25;color:#33240f;overflow-wrap:break-word}
/* карточки ложатся на уголки по одной, когда галерея входит в экран (js/post.js; без скриптов и при reduced motion лежат сразу) */
.pg-post .strip.fan-pre .ph:nth-child(n){opacity:0;transform:translateY(16px) rotate(-5deg)}
.pg-post .strip.fan-pre .ph:nth-child(2n){transform:translateY(16px) rotate(5deg)}
.pg-post .strip.fan-in .ph:nth-child(n){transition:opacity .5s ease calc(var(--i,0) * 90ms),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 90ms)}

/* метки и «поделиться» */
.pg-post .post-tags{margin-top:20px;font-size:1rem;line-height:1.5}
.pg-post .post-tags span{font-style:italic;color:#4a2f14}
.pg-post .post>.share{margin-top:18px;gap:7px}
.pg-post .post>.share a{width:42px;height:42px;border:1px solid rgba(50,32,10,.6);border-radius:50%;color:#4a2f14}
.pg-post .post>.share a:hover{background:#2a1a08;color:#f1e8d2}

/* ---------- соседние записи: бумажные закладки; «Обратно к списку» - латунная табличка ---------- */
.pg-post .post-nav{display:grid;gap:14px;margin-top:34px}
.pg-post .post-nav a{position:relative;display:block;padding:12px 18px 14px;border:0;color:var(--ink);line-height:1.2;background:linear-gradient(172deg,#f1e4c2 0%,#e7d6ac 62%,#dbc895 100%);box-shadow:0 12px 16px -5px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pg-post .post-nav span{display:block;font-family:var(--text);font-style:italic;font-size:.94rem;letter-spacing:.02em;text-transform:none;color:#6b4a1c;margin-bottom:3px}
.pg-post .post-nav b{display:block;font-family:var(--serif);font-weight:600;font-size:1.2rem;line-height:1.14;color:#160d04}
.pg-post .post-nav-n{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px);transform:rotate(-.5deg)}
.pg-post .post-nav-o{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transform:rotate(.45deg)}
.pg-post .post-nav a.post-nav-l{justify-self:center;display:grid;place-items:center;padding:11px 34px 12px;font-family:var(--text);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#2a1708!important;
  background:linear-gradient(175deg,#f3e6c4,#e6d5aa);border:2px solid #c59a4a;box-shadow:0 0 0 1px #5f4016,inset 0 0 0 1px rgba(90,58,30,.28),0 10px 16px rgba(0,0,0,.5)}
.pg-post .post-nav-l::before,.pg-post .post-nav-l::after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffe9b4 0%,#f0be62 30%,#9a6a22 100%);box-shadow:0 0 0 1px #4a2f12}
.pg-post .post-nav-l::before{left:10px}
.pg-post .post-nav-l::after{right:10px}
.pg-post .related{margin-top:clamp(44px,6vw,64px)}
.pg-post .related .sec-h3{text-align:center;margin-bottom:.7em}

/* ---------- боковая колонка: картотечный ящик ---------- */
.pg-post .side{position:relative;display:grid;gap:14px;align-content:start;min-width:0;padding:12px 10px 0;background:linear-gradient(180deg,#150d06 0,#1f1309 60px,#1f1309 100%);border:8px solid #4a2d13;border-color:#6b4621 #3b220e #2a1708 #563619;border-bottom:0;box-shadow:inset 0 0 0 1px #120a04,inset 0 14px 20px rgba(0,0,0,.6),0 0 0 1px #120a04,0 26px 40px rgba(0,0,0,.5)}
.kart{position:relative;margin-top:30px;padding:16px 14px 30px;color:var(--ink);background:linear-gradient(175deg,#f1e4c2 0%,#e7d6ac 70%,#dccb9c 100%);box-shadow:0 -1px 0 rgba(255,248,226,.5),0 8px 12px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
/* красная линейка каталожной карточки и отверстие под стержень */
.kart::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:rgba(138,47,28,.55)}
.kart::after{content:"";position:absolute;left:50%;bottom:9px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#1a1108;box-shadow:inset 0 2px 3px #000,0 1px 0 rgba(255,248,226,.6)}
/* выступ разделителя с названием */
.pg-post .side .kart .side-h{position:absolute;left:12px;bottom:100%;margin:0;padding:7px 18px 5px;border:0;font-family:var(--text);font-weight:400;font-size:.98rem;line-height:1.2;letter-spacing:.01em;text-transform:none;white-space:nowrap;color:#2a1a08;background:linear-gradient(180deg,#f6ebcd,#f1e4c2);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 100%,0 100%)}
.pg-post .side .kart[data-k=last] .side-h{left:auto;right:12px}
.pg-post .side .kart[data-k=vk] .side-h{left:50%;transform:translateX(-50%)}
.pg-post .side ul{list-style:none}
.pg-post .side-cats li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 2px 6px;font-size:1.06rem;line-height:1.3;border-bottom:1px dotted rgba(60,40,14,.6)}
.pg-post .side-cats span{font-style:italic;color:#6b4a1c}
.pg-post .side a{color:#1c1206;transition:color .25s}
.pg-post .side-cats a{min-width:0;overflow-wrap:anywhere}
.pg-post .side a:hover{color:#5b1d0e}
.pg-post .side-last li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:9px 2px;font-family:var(--serif);font-weight:600;font-size:1.1rem;line-height:1.14;border-bottom:1px dotted rgba(60,40,14,.6);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.pg-post .side-last li:last-child,.pg-post .side-cats li:last-child{border-bottom:0}
.pg-post .side-f img{display:block;width:72px;height:58px;object-fit:cover;border:1px solid rgba(50,32,10,.6)}
.pg-post .side-vk{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:2px}
.pg-post .side-vk a{display:block;border:1px solid rgba(50,32,10,.6);overflow:hidden}
.pg-post .side-vk img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pg-post .side-vk a:hover img{transform:scale(1.07)}
/* передняя стенка ящика с латунной ручкой */
.side-front{position:relative;height:66px;margin:8px -18px 0;
  background:repeating-linear-gradient(178deg,rgba(255,214,150,.035) 0 2px,rgba(0,0,0,0) 2px 7px),linear-gradient(180deg,#5b391a 0%,#4a2d13 46%,#3b220e 100%);
  box-shadow:inset 0 1px 0 rgba(255,221,160,.3),inset 0 -2px 0 rgba(0,0,0,.5),0 0 0 1px #120a04,0 -8px 12px rgba(0,0,0,.45)}
.side-front::before{content:"";position:absolute;left:50%;top:17px;width:92px;height:28px;margin-left:-46px;border-radius:4px 4px 46px 46px/4px 4px 28px 28px;background:linear-gradient(180deg,#6a4413 0%,#b9812c 26%,#f0be62 58%,#c9923a 100%);box-shadow:0 0 0 1px #3a240f,inset 0 7px 8px rgba(40,22,6,.7),0 4px 6px rgba(0,0,0,.5)}

/* обводка при переходе с клавиатуры: на бумаге - тёмная */
.pg-post .post a:focus-visible,.pg-post .kart a:focus-visible,.pg-post .post-nav a:focus-visible{outline:2px solid #5b1d0e;outline-offset:2px}

@media (hover:hover){
  .kart:hover{transform:translateY(-4px)}      /* карточку чуть вытянули из ящика */
  .pg-post .strip .ph:hover{transform:rotate(0deg) scale(1.02)}
  .pg-post .post-nav-n:hover,.pg-post .post-nav-o:hover{transform:rotate(0deg) translateY(-3px)}
  .pg-post .post-nav a.post-nav-l:hover{border-color:#e2bf74;filter:brightness(1.05)}
}
@media (max-width:380px){
  .post-head{--sht-size:76px}
}
@media (min-width:700px){
  .pg-post .post{padding:34px 40px 40px}
  .post-head{grid-template-rows:auto auto auto;grid-template-areas:"cats sht" "h sht" "meta meta";column-gap:18px}      /* короткий заголовок встаёт по середине высоты штемпеля */
  .post-head .shtempel{align-self:center;margin:-6px -8px 0 0}
  .pg-post .post-cats{align-self:end}
  .pg-post .post-h{align-self:start;margin-bottom:6px}
  .pg-post .post-body p{text-align:justify}
  .pg-post .vid{margin:32px -22px;padding:34px 16px}
  .pg-post .vid::before,.pg-post .vid::after{height:34px;background-position:0 13px,0 12px}
  .kino{left:16px;right:16px;top:34px;bottom:34px}
  .kino::before,.kino::after{inset:16px}
  .kino i{width:84px;height:84px}
  .kino b{background-image:linear-gradient(90deg,rgba(241,232,210,0) 0,rgba(241,232,210,.55) 18%,rgba(241,232,210,.55) calc(50% - 76px),rgba(0,0,0,0) calc(50% - 76px),rgba(0,0,0,0) calc(50% + 76px),rgba(241,232,210,.55) calc(50% + 76px),rgba(241,232,210,.55) 82%,rgba(241,232,210,0) 100%)}
  .kino b::before{left:calc(50% - 90px)}
  .kino b::after{right:calc(50% - 90px)}
  .kino i::after{margin:-15px 0 0 -9px;border-left-width:25px;border-top-width:15px;border-bottom-width:15px}
  @keyframes kinoFilm{from{background-position:72px 13px,72px 12px}to{background-position:0 13px,0 12px}}
  .pg-post .strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
  .pg-post .strip[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px;margin-left:auto;margin-right:auto}
  .pg-post .strip[data-n="3"] .ph:last-child{grid-column:auto;justify-self:auto;width:auto}
  .pg-post .strip-grid{columns:3;column-gap:22px}
  .pg-post .strip-grid .ph{margin-bottom:16px}
  .pg-post .post-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
  .pg-post .post-nav-o{text-align:right}
  .pg-post .side{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.85fr);gap:14px 12px}      /* планшет: ящик лежит во всю ширину, карточки в ряд */
  .side-front{grid-column:1/-1}
}
@media (min-width:900px){
  .post-head{--sht-size:108px}
  .pg-post .post{padding:42px 46px 48px}
  .pg-post .post-h{font-size:2.2rem}
  .pg-post .post-body{font-size:1.08rem}
}
@media (min-width:1100px){
  .pg-post .side{grid-template-columns:minmax(0,1fr)}
  .side-front{grid-column:auto}
}