/* Конспект эфира 26.08 — версия 2, документ с вкладками.
   Палитра и шрифты — канон сайта mrsupernew.com и деки эфира, не менялись.
   Структурные стили переписаны под сканируемый документ вместо сплошной портянки. */

@font-face{font-family:'Daray';src:url('fonts/Daray.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Onest';src:url('fonts/Onest-lat.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2192}
@font-face{font-family:'Onest';src:url('fonts/Onest-cyr.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JBMono-lat.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2192}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JBMono-cyr.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  --bg:#F4F7FA; --surface:#FFFFFF; --ink:#17222C; --text:#2A3B4D; --muted:#5A6C7F;
  --line:#DCE3EB; --accent:#4F8EF7; --accent-ink:#2E6BD4; --faint:#A9BBCB;
  --tint:#EAF0F6;
  --dark:#141E28; --dark-line:#27374A; --dark-muted:#8FA1AD; --dark-text:#F4F7FA;
  --maxw:1240px; --measure:37em;
  --shadow:0 14px 30px -20px rgba(20,30,40,.55);
  --topbar:104px;
}

*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar) + 20px);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:'Onest',system-ui,sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}

h1,h2,h3{font-family:'Daray',sans-serif;color:var(--ink);letter-spacing:.5px;line-height:1.08;font-weight:400}
h1{font-size:clamp(38px,5.6vw,64px)}
h2{font-size:clamp(26px,3.1vw,38px)}
h3{font-size:clamp(21px,2.2vw,27px)}

a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid rgba(46,107,212,.3)}
a:hover{border-bottom-color:var(--accent-ink)}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.mono{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* поверхности, о которых обычно забывают */
::selection{background:rgba(79,142,247,.26);color:var(--ink)}
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--ink);color:var(--dark-text);padding:12px 18px;border:none;border-radius:0 0 6px 0}
.skip:focus{left:0}

/* ─────────────────────────── шапка со вкладками ─────────────────────────── */
.topbar{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:14px 28px 0;display:flex;flex-direction:column;gap:12px}
.topbar-title{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.topbar-date{color:var(--faint)}

.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px 13px;font-family:'Onest',sans-serif;font-size:15px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .16s,border-color .16s}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent-ink)}

/* единственное движение на странице */
.panel.is-active{animation:panel-in .34s cubic-bezier(.22,.61,.36,1) both}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .panel.is-active{animation:none}
}

/* ─────────────────────────── кнопки ─────────────────────────── */
.btn{display:inline-block;background:var(--ink);color:#F4F7FA;border:1px solid var(--ink);border-radius:6px;padding:15px 32px;font-family:'Onest',sans-serif;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .18s,color .18s}
.btn:hover{background:#0B1219;border-color:#0B1219}
a.btn,a.btn:hover{color:#F4F7FA;border-bottom:1px solid var(--ink)}
a.btn:hover{border-bottom-color:#0B1219}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.ghost:hover{background:rgba(23,34,44,.07)}
a.btn.ghost,a.btn.ghost:hover{color:var(--ink);border:1px solid var(--ink)}
.btn.is-done{background:var(--accent-ink);border-color:var(--accent-ink)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}
.actions-end{margin:64px 0 0;padding-top:44px;border-top:1px solid var(--line)}

/* ─────────────────────────── таймкоды ─────────────────────────── */
.tc{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;color:var(--accent-ink);border-bottom:1px dotted rgba(46,107,212,.45);white-space:nowrap;font-variant-numeric:tabular-nums}
.tc:hover{border-bottom-style:solid}

/* ═════════════════════════ вкладка «Главная» ═════════════════════════ */
.masthead{padding:76px 0 0}
.masthead h1{max-width:11em}
.masthead-sub{font-family:'Daray',sans-serif;color:var(--muted);font-size:clamp(22px,2.7vw,32px);line-height:1.12;letter-spacing:.5px;margin-top:14px;max-width:16em}
.masthead-meta{margin-top:26px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.brief{margin-top:52px;background:var(--dark);color:var(--dark-text);border-radius:10px;padding:40px 44px;box-shadow:var(--shadow)}
.brief h2{color:var(--dark-text);font-size:clamp(24px,2.8vw,34px)}
.brief p{margin-top:20px;font-size:19px;line-height:1.6;color:#DCE5EC;max-width:40em}

.ladder-block{margin-top:76px}
.ladder-note{margin-top:16px;color:var(--muted);max-width:var(--measure)}
.ladder{list-style:none;margin-top:30px;counter-reset:none}
.step{display:grid;grid-template-columns:38px minmax(0,190px) minmax(0,1fr);gap:0 18px;align-items:baseline;padding:15px 0;border-top:1px solid var(--line);margin-left:calc(var(--i) * 22px)}
.step:last-child{border-bottom:1px solid var(--line)}
.step-n{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.step-name{font-weight:600;color:var(--ink);font-size:17.5px}
.step-desc{color:var(--muted);font-size:16px;line-height:1.5}

.honest{margin-top:40px;font-size:13.5px;line-height:1.6;color:var(--muted);max-width:36em;padding-bottom:96px}

/* ═════════════════════════ вкладка «Конспект» ═════════════════════════ */
.tab-h{margin:64px 0 0;max-width:16em}
.tab-h-gap{margin-top:104px}

.toc{margin-top:32px;padding-bottom:8px}
.toc ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.toc li{border-top:1px solid var(--line)}
.toc a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:none;color:var(--text);font-size:16px;line-height:1.35}
.toc a:hover .toc-title{color:var(--accent-ink)}
.toc-title{max-width:26em}
.toc-tc{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}

.sec{border-top:1px solid var(--line);padding:88px 0 84px;margin-top:56px}
.sec:first-of-type{margin-top:64px}
.sec-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:60px;align-items:start}
.sec-text h2{max-width:14em}
.sec-tc{margin-top:16px}
.sec-sut{margin-top:22px;font-size:19px;line-height:1.5;color:var(--ink);max-width:var(--measure)}

.points{list-style:none;margin-top:26px}
.points li{position:relative;padding:9px 0 9px 26px;font-size:16.5px;line-height:1.55;max-width:var(--measure)}
.points li::before{content:'';position:absolute;left:0;top:.85em;width:12px;height:1px;background:var(--accent-ink)}

blockquote{margin-top:30px;border-left:1px solid var(--accent-ink);padding-left:22px;max-width:var(--measure)}
blockquote p{font-size:18px;line-height:1.5;color:var(--ink)}
blockquote cite{display:block;margin-top:12px;font-style:normal}

.slide{margin:0}
.slide img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}
.slide figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--muted);max-width:34em}

/* лента остальных слайдов раздела: два в ряд под основным текстом */
.strip{grid-column:1 / -1;margin-top:56px;display:grid;grid-template-columns:1fr 1fr;column-gap:60px;row-gap:40px}
.strip .slide figcaption{font-size:13.5px;line-height:1.45}

.rule{grid-column:1 / -1;margin-top:72px;background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:22px 26px}
.rule p{max-width:58em;font-size:16.5px;line-height:1.58;color:var(--ink)}
.rule-label{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:14px;white-space:nowrap}

/* ═════════════════════════ вкладка «Что забрать себе» ═════════════════════════ */
.tricks{list-style:none;margin-top:30px;columns:2;column-gap:64px}
.tricks li{break-inside:avoid;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;padding:13px 0;border-top:1px solid var(--line)}
.trick-n{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.trick-t{font-size:16px;line-height:1.5}

.myth{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:60px;align-items:start;padding:52px 0;border-top:1px solid var(--line)}
.myth:first-of-type{margin-top:34px}
.myth h3{max-width:15em}
.myth-rows{margin-top:24px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px}
.myth-rows dt{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 0;white-space:nowrap}
.myth-rows dt::after{content:':'}
.myth-rows dd{padding:9px 0;font-size:16.5px;line-height:1.5;color:var(--text);max-width:30em}
.myth-rows dt+dd{border-top:none}
.myth-rows dt:not(:first-of-type),.myth-rows dt:not(:first-of-type)+dd{border-top:1px solid var(--line)}

.faqlist{margin-top:28px;max-width:52em;border-top:1px solid var(--line)}
details.qa{border-bottom:1px solid var(--line)}
details.qa summary{list-style:none;cursor:pointer;padding:15px 40px 15px 0;position:relative;font-size:16.5px;line-height:1.45;color:var(--ink)}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:'';position:absolute;right:10px;top:calc(.9em + 8px);width:13px;height:1px;background:var(--accent-ink)}
details.qa summary::before{content:'';position:absolute;right:16px;top:calc(.9em + 2px);width:1px;height:13px;background:var(--accent-ink);transition:opacity .16s}
details.qa[open] summary::before{opacity:0}
details.qa summary:hover{color:var(--accent-ink)}
.qa-body{padding:0 40px 20px 0}
.qa-body p{font-size:16.5px;line-height:1.55;max-width:44em}
.qa-tc{margin-top:10px}

/* ═════════════════════════ вкладка «Материалы» ═════════════════════════ */
.mat{margin-top:64px}
.mat h2{max-width:15em}
.mat p{margin-top:16px;max-width:var(--measure)}
.mat-lead{font-size:19px;line-height:1.5;color:var(--ink)}
.mat-intro{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 28px;max-width:62ch}
.mat-rules{list-style:none;margin-top:22px;max-width:var(--measure)}
.mat-rules li{position:relative;padding:9px 0 9px 26px;font-size:inherit;line-height:1.55;border-top:1px solid var(--line)}
.mat-rules li::before{content:'';position:absolute;left:0;top:.95em;width:12px;height:1px;background:var(--accent-ink)}
.mat-rules li:last-child{border-bottom:1px solid var(--line)}

.copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}
.copy-note{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;color:var(--accent-ink)}

.prompt-box{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;max-height:400px;overflow:auto;padding:24px 26px;font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.75;white-space:pre-wrap;color:var(--text);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--faint) transparent}
.prompt-box::-webkit-scrollbar{width:10px}
.prompt-box::-webkit-scrollbar-track{background:transparent}
.prompt-box::-webkit-scrollbar-thumb{background:var(--faint);border-radius:6px;border:3px solid var(--surface)}
.prompt-box::-webkit-scrollbar-thumb:hover{background:var(--muted)}

.mat-pair{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.mat-link h2{font-size:clamp(22px,2.3vw,28px)}
.mat-link .mat-why{color:var(--muted);font-size:16px}
.mat-go{margin-top:20px}

.mat-practice{margin-top:88px;background:var(--dark);color:var(--dark-text);border-radius:10px;padding:44px;box-shadow:var(--shadow);margin-bottom:96px}
.mat-practice h2{color:var(--dark-text)}
.mat-practice .mat-lead{color:#DCE5EC}
.practice-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin-top:34px}
.practice-h{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dark-muted);margin:0}
.practice-list{list-style:none;margin-top:14px}
.practice-list li{position:relative;padding:9px 0 9px 24px;font-size:16px;line-height:1.5;color:#DCE5EC;border-top:1px solid var(--dark-line)}
.practice-list li::before{content:'';position:absolute;left:0;top:.95em;width:12px;height:1px;background:var(--accent)}
.mat-practice .btn{background:var(--dark-text);color:var(--dark);border-color:var(--dark-text)}
.mat-practice a.btn,.mat-practice a.btn:hover{color:var(--dark);border-color:#FFFFFF}
.mat-practice .btn:hover{background:#FFFFFF}

/* ─────────────────────────── подвал ─────────────────────────── */
.foot{border-top:1px solid var(--line);padding:34px 0 48px;font-size:14px;color:var(--muted)}
.foot p+p{margin-top:8px}

/* ═════════════════════════ 900px и уже ═════════════════════════ */
@media (max-width:1000px){
  .sec-grid,.myth{grid-template-columns:minmax(0,1fr)}
  .sec-aside,.myth-aside{margin-top:32px}
  .strip{margin-top:36px;row-gap:32px}
  .rule{margin-top:52px}
  .toc ol{grid-template-columns:1fr}
  .tricks{columns:1}
  .mat-pair{grid-template-columns:1fr;row-gap:8px}
  .mat-pair .mat:first-child{margin-top:40px}
}

@media (max-width:720px){
  :root{--measure:100%}
  body{font-size:16px}
  .wrap{padding:0 20px}
  .topbar-inner{padding:12px 20px 0}
  .tab{font-size:14px;padding:9px 12px 12px}

  .masthead{padding:44px 0 0}
  .brief{margin-top:36px;padding:28px 24px;border-radius:8px}
  .brief p{font-size:17px}
  .ladder-block{margin-top:52px}
  .step{grid-template-columns:30px minmax(0,1fr);gap:0 12px;margin-left:calc(var(--i) * 9px);padding:13px 0}
  .step-desc{grid-column:2;margin-top:3px}
  .honest{padding-bottom:64px}

  .tab-h{margin-top:44px}
  .tab-h-gap{margin-top:72px}
  .sec{padding:52px 0 48px;margin-top:32px}
  .sec:first-of-type{margin-top:40px}
  .sec-sut{font-size:17.5px}
  .points li{font-size:16px;padding:8px 0 8px 22px}
  blockquote p{font-size:17px}
  .rule{padding:20px}
  .rule-label{display:block;margin:0 0 8px}

  .strip{grid-template-columns:minmax(0,1fr);row-gap:28px;margin-top:28px}
  .rule{margin-top:44px}

  .myth{padding:40px 0}
  .myth-rows{grid-template-columns:minmax(0,1fr);row-gap:0}
  .myth-rows dt{padding:14px 0 0;border-top:1px solid var(--line)}
  .myth-rows dt:first-of-type{border-top:none;padding-top:0}
  .myth-rows dd{padding:4px 0 12px;font-size:16px}
  .myth-rows dt:not(:first-of-type)+dd{border-top:none}

  .qa-body p{font-size:16px}

  .mat{margin-top:44px}
  .mat-practice{margin-top:60px;padding:28px 24px;border-radius:8px;margin-bottom:64px}
  .practice-grid{grid-template-columns:1fr;row-gap:28px}
  .prompt-box{font-size:11.5px;max-height:320px;padding:18px 16px}
  .btn{padding:14px 22px;font-size:15px;width:100%;text-align:center}
  .copy-row{gap:12px}
  .actions{margin-top:32px}
}

/* Узкий экран: четыре вкладки в две строки — все видны целиком, без бокового скролла.
   Блок идёт последним намеренно: перекрывает правила из @media (max-width:720px). */
@media (max-width:600px){
  :root{--topbar:94px}
  .topbar-title{display:none}
  .topbar-inner{padding:8px 20px 0;gap:0}
  .tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:visible}
  .tab{padding:10px 6px 11px;font-size:14px;text-align:center;border-bottom:2px solid var(--line)}
  .tab[aria-selected="true"]{border-bottom-color:var(--accent-ink)}
}

/* ── Терракотовый акцент ──────────────────────────────────────────────────
   Выделение ключевых слов и цифр. Тон взят из палитры деки эфира (--terra
   #C4622D), но затемнён: исходный на светлом фоне даёт контраст 3.8:1 и не
   проходит порог для основного текста. #B2551F даёт 4.65:1. На тёмных
   секциях работает светлый вариант — там ограничение обратное. */
:root{ --terra-ink:#B2551F; --terra-on-dark:#E29061; }
.acc{ color:var(--terra-ink); font-weight:600; }
.dark .acc, .mat-practice .acc, section.dark .acc, .brief .acc{ color:var(--terra-on-dark); }

/* ── Встроенный плеер записи ──────────────────────────────────────────────
   До клика на странице лежит кадр из записи и кнопка. Запрос к YouTube
   уходит только после нажатия: страница остаётся самодостаточной. */
.player{ position:relative; margin:18px 0 14px; border:1px solid var(--line); border-radius:10px;
  overflow:hidden; background:var(--ink); cursor:pointer; aspect-ratio:16/9; }
.player img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.7,.3,1), opacity .3s; }
.player:hover img{ transform:scale(1.02); opacity:.88; }
.player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.player-btn{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:inline-flex; align-items:center; gap:12px; padding:14px 26px 14px 20px;
  background:rgba(20,30,40,.86); color:#F4F7FA; border:1px solid rgba(244,247,250,.24);
  border-radius:999px; font-family:'Onest',sans-serif; font-size:16px; font-weight:600;
  cursor:pointer; backdrop-filter:blur(2px); transition:background .18s, border-color .18s; }
.player:hover .player-btn{ background:rgba(20,30,40,.96); border-color:rgba(244,247,250,.42); }
.player-btn svg{ width:22px; height:22px; }
.player.is-live{ cursor:default; }
@media (max-width:900px){ .player-btn{ font-size:15px; padding:12px 20px 12px 16px; } }

.mat-rec{ margin-bottom:34px; }
.mat-rec .player{ max-width:900px; }
.player:focus-visible{ outline:2px solid var(--accent-ink); outline-offset:3px; }

/* ── Приглашение смотреть и читать разом ─────────────────────────────────
   Стоит в начале «Конспекта»: слева кадр записи, справа объяснение, что
   окно уедет в угол и останется там на все вкладки. */
.watch{ margin-top:30px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  column-gap:52px; align-items:center; }
.watch .player{ margin:0; }
.watch-note h3{ font-family:'Daray',serif; font-weight:400; font-size:27px; line-height:1.18; color:var(--ink); }
.watch-note p{ margin-top:14px; font-size:16px; line-height:1.55; max-width:30em; }
.watch-alt{ font-size:15px; }

/* ── Окно записи в углу экрана ───────────────────────────────────────────
   Живёт выше вкладок, поэтому запись не обрывается при переходе в другой
   раздел. Таймкоды перематывают именно его. */
.dock{ position:fixed; right:22px; bottom:22px; z-index:60; width:392px; max-width:calc(100vw - 32px);
  background:var(--dark); border:1px solid rgba(244,247,250,.18); border-radius:10px; overflow:hidden;
  box-shadow:0 18px 44px rgba(20,30,40,.34); }
.dock[hidden]{ display:none; }
.dock.is-wide{ width:640px; }
.dock-bar{ display:flex; align-items:center; gap:10px; padding:8px 10px 8px 14px; }
.dock-title{ flex:1; font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.08em;
  text-transform:uppercase; color:rgba(244,247,250,.62); }
.dock-btn{ background:none; border:1px solid rgba(244,247,250,.22); border-radius:6px; padding:4px 9px;
  color:rgba(244,247,250,.8); font-family:'Onest',sans-serif; font-size:12.5px; cursor:pointer;
  transition:border-color .16s, color .16s; }
.dock-btn:hover{ border-color:rgba(244,247,250,.5); color:#F4F7FA; }
.dock-frame{ aspect-ratio:16/9; background:#000; }
.dock-note{ padding:22px 20px; color:rgba(244,247,250,.86); font-size:14.5px; line-height:1.5; }
.dock-note p + p{ margin-top:12px; }
.dock-note a{ color:#9DC0FF; border-bottom-color:rgba(157,192,255,.4); }
.dock-frame iframe{ width:100%; height:100%; border:0; display:block; }
@media (max-width:900px){
  .watch{ grid-template-columns:1fr; row-gap:22px; }
  .dock{ right:10px; left:10px; bottom:10px; width:auto; }
  .dock.is-wide{ width:auto; }
}

/* ── Слайд во весь экран ─────────────────────────────────────────────────
   В колонке слайд читается как иллюстрация, детали на нём не разобрать.
   Клик открывает его целиком поверх страницы. */
.slide img{ cursor:zoom-in; }
.lightbox{ position:fixed; inset:0; z-index:80; background:rgba(20,30,40,.93);
  display:flex; align-items:center; justify-content:center; padding:56px 32px; }
.lightbox[hidden]{ display:none; }
.lightbox img{ display:block; max-width:min(1400px,92vw); max-height:82vh; width:auto;
  border-radius:8px; background:var(--bg); }
.lightbox figcaption{ margin-top:16px; text-align:center; font-size:15px; color:rgba(244,247,250,.72); }
.lightbox-close{ position:absolute; top:20px; right:24px; background:none;
  border:1px solid rgba(244,247,250,.28); border-radius:6px; padding:7px 14px;
  color:rgba(244,247,250,.82); font-family:'Onest',sans-serif; font-size:13.5px; cursor:pointer; }
.lightbox-close:hover{ border-color:rgba(244,247,250,.6); color:#F4F7FA; }

/* Вертикальный кадр (экран телефона) в полную ширину колонки выглядит башней
   и перевешивает текст, поэтому у него потолок по высоте. */
.slide-tall img{ max-height:520px; width:auto; margin:0 auto; }
.strip .slide-tall img{ max-height:460px; }

/* ── Перелинковки ────────────────────────────────────────────────────────
   Ответ на эфире часто звучал коротко, а разбор шёл в другом разделе.
   Ссылка ведёт туда напрямую, включая переход на другую вкладку. */
.jump{ display:inline-block; margin-left:18px; font-size:14.5px; color:var(--terra-ink);
  border-bottom:1px solid rgba(178,85,31,.34); }
.foot-who{ margin-bottom:10px; }
.jump::after{ content:' →'; }
.jump:hover{ border-bottom-color:var(--terra-ink); }
.rule-next{ margin-top:10px; font-size:15.5px; color:var(--muted); }
.rule-next .jump{ margin-left:6px; }
.qa-foot{ margin-top:12px; display:flex; flex-wrap:wrap; align-items:baseline; gap:0 2px; }