/* Подкаст для учащегося (20.10.2026, вечер — PODCAST-PAGES.md): свой плеер, текст выпуска, полоса внизу, страница подкаста, печать.
   Только на страницах подкаста и на главной (образец выпуска); общий вид — site.css. */
/* 22.10 (вечер, design 7): отступы и скругления — токены шкалы из site.css (--tw-s1…s9, --tw-r-s/l/pill), верх липких
   блоков — --tw-stick (inner.css); значения вне таблицы, 1–3 px, отрицательные и места, где сдвиг вышел бы больше 4 px, — числами */
/* плеер — единственный бумажный лист страницы выпуска: большая кнопка, полоса хода, время; ниже «назад 5 с», «повторить», скорость */
.tw-level .tw-player,.tw-player{position:relative;margin-top:0;padding:var(--tw-s5) var(--tw-s5) var(--tw-s4);border-radius:var(--tw-r-l);background:var(--tw-box-bg);box-shadow:none}
.tw-player::before{content:none}
.tw-pl{display:flex;align-items:center;gap:var(--tw-s4)}
.tw-pl[hidden],.tw-pl-row[hidden]{display:none}
.tw-pl-play{flex:none;display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:50%;background:var(--tw-ink);color:var(--tw-paper);cursor:pointer;transition:transform .2s}
.tw-pl-play svg{width:30px;height:30px;fill:currentColor}
.tw-pl-play .i-pause,.is-playing>.tw-pl .tw-pl-play .i-play,.tw-plbar.is-playing .tw-pl-play .i-play{display:none}
.is-playing>.tw-pl .tw-pl-play .i-pause,.tw-plbar.is-playing .tw-pl-play .i-pause{display:block}
.tw-pl-play:active{transform:scale(.95)}
.tw-pl-play:focus-visible{outline:2.5px solid var(--tw-ink);outline-offset:3px}
.tw-pl-main{flex:1;min-width:0}
.tw-pl-seek{--p:0%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:0;background:
  linear-gradient(var(--tw-ink),var(--tw-ink)) 0 50%/var(--p) 3px no-repeat,
  linear-gradient(rgba(27,38,56,.22),rgba(27,38,56,.22)) 0 50%/100% 2px no-repeat;cursor:pointer}
.tw-pl-seek::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--tw-ink);box-shadow:0 0 0 3px var(--tw-sheet)}
.tw-pl-seek::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--tw-ink);box-shadow:0 0 0 3px var(--tw-sheet)}
.tw-pl-seek:focus-visible{outline:2.5px solid var(--tw-ink);outline-offset:2px;border-radius:4px}
.tw-pl-time{margin:0;font-size:var(--tw-fs-small);font-variant-numeric:tabular-nums;color:var(--tw-ink-2)}
.tw-pl-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:var(--tw-s3);padding-top:var(--tw-s3);border-top:1px solid rgba(23,20,15,.12)}
.tw-pl-btn{display:inline-flex;align-items:center;gap:var(--tw-s2);min-height:44px;padding:0 10px 0 4px;border:0;background:none;color:var(--tw-ink);font:inherit;font-size:var(--tw-fs-ui);font-weight:600;cursor:pointer}
.tw-pl-btn svg{width:20px;height:20px;fill:currentColor}
.tw-pl-btn:hover span{text-decoration:underline;text-underline-offset:4px}
.tw-pl-rate{margin-left:0}
.tw-pl-rate .tw-chip{min-width:52px;padding:0 10px;font-size:var(--tw-fs-small)}
.tw-pl-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--tw-ink);font:inherit;font-size:var(--tw-fs-ui);font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--tw-pen);text-underline-offset:5px;cursor:pointer}
.tw-pl-resume{margin:var(--tw-s2) 0 0}
.tw-pl-resume[hidden]{display:none}
.tw-player .tw-pl-meta{margin-top:var(--tw-s3);display:block;color:var(--tw-ink-2)}
.tw-player .tw-pl-ai{margin-top:2px;display:block}
.tw-player-c{padding:0;margin-top:var(--tw-s4);background:none;box-shadow:none}
.tw-player-c::before{display:none}
/* выпуск: на телефоне плеер, затем текст; на компьютере — текст слева, плеер справа и не уезжает */
.tw-ep-grid{margin-top:var(--tw-s6)}
.tw-ep-side{position:relative}
.tw-near{margin-top:var(--tw-s4);font-size:var(--tw-fs-ui);line-height:1.5}
.tw-near a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--tw-ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.tw-reveal{margin-top:var(--tw-s4);border-top:1px solid rgba(23,20,15,.16)}
.tw-reveal summary{display:flex;align-items:center;min-height:48px;font-size:var(--tw-fs-ui);font-weight:650;cursor:pointer;list-style:none}
.tw-reveal summary::-webkit-details-marker{display:none}
.tw-reveal summary::after{content:"";width:9px;height:9px;margin-left:var(--tw-s3);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.tw-reveal[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.tw-reveal p{margin:0 0 var(--tw-s4);font-size:var(--tw-fs-body);line-height:1.5}
.tw-phrase{margin-top:var(--tw-s1);padding-top:var(--tw-s4);border-top:1px solid rgba(23,20,15,.16)}
.tw-phrase-h{margin:0;font-size:var(--tw-fs-label);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--tw-ink-3)}
.tw-phrase-es{margin:var(--tw-s2) 0 0;font-size:var(--tw-fs-read);line-height:1.4}
.tw-phrase-en{margin:var(--tw-s1) 0 0;font-size:var(--tw-fs-ui);line-height:1.4;color:var(--tw-ink-2)}
.tw-phrase .tw-pl-link[hidden]{display:none}
/* фраза выпуска — маркером, как пометка в книге */
.tw-ph{background:linear-gradient(transparent 52%,rgba(245,192,12,.5) 52%,rgba(245,192,12,.5) 92%,transparent 92%);color:inherit;padding:0 .08em}
/* текст: Off · Spanish · + English, «пауза после каждой реплики» */
.tw-ep-text h3{margin-top:var(--tw-s6)}
.tw-tx{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tw-s3) var(--tw-s4);margin-top:var(--tw-s4)}
.tw-tx[hidden]{display:none}
.tw-tx .tw-chip{font-size:var(--tw-fs-small);padding:0 var(--tw-s3)}
.tw-pl-toggle{display:inline-flex;align-items:center;gap:var(--tw-s3);min-height:44px;padding:0;border:0;background:none;color:var(--tw-ink);font:inherit;font-size:var(--tw-fs-ui);font-weight:600;cursor:pointer}
.tw-pl-toggle::before{content:"";flex:none;width:20px;height:20px;border-radius:4px;box-shadow:inset 0 0 0 1.8px rgba(27,38,56,.55);background:center/14px no-repeat}
.tw-pl-toggle[aria-pressed="true"]::before{background-color:var(--tw-ink);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23F3EEE4' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tw-tx-off{margin-top:var(--tw-s4);padding:var(--tw-s4) 0;font-size:var(--tw-fs-body);font-style:italic;color:var(--tw-ink-2);border-top:1px solid rgba(23,20,15,.16)}
.tw-tx-off[hidden]{display:none}
.tw-cues[data-tx="off"]{display:none}
.tw-cues[data-tx="es"] li small{display:none}
.tw-cues[data-tx="es"] li.is-en small{display:block}
.tw-cues li{scroll-margin:120px 0 140px}
.tw-cues li.is-on{background:rgba(245,192,12,.28)}
.tw-cues li.c-r b{color:var(--tw-es)}
.tw-cues li.c-d b{color:var(--tw-mx)}
.tw-cue-link{display:none;justify-self:start;align-items:center;min-height:44px;margin:-4px 0 -6px;padding:0;border:0;background:none;color:var(--tw-ink-3);font:inherit;font-size:var(--tw-fs-small);font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.tw-cues li.is-sel .tw-cue-link,.tw-cues li:focus-visible .tw-cue-link,.tw-cue-link:focus-visible{display:inline-flex}
@media (hover:hover) and (pointer:fine){.tw-cues li:hover .tw-cue-link{display:inline-flex}}
.tw-keys{margin-top:var(--tw-s4);display:none}
@media (hover:hover) and (pointer:fine){.tw-keys:not([hidden]){display:block}}
.tw-tocur{position:fixed;z-index:60;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);display:inline-flex;align-items:center;min-height:44px;padding:0 var(--tw-s4);border:0;border-radius:var(--tw-r-pill);background:var(--tw-ink);color:var(--tw-paper);font:inherit;font-size:var(--tw-fs-ui);font-weight:650;box-shadow:0 10px 24px -10px rgba(20,20,30,.6);cursor:pointer}
.tw-tocur[hidden]{display:none}
.tw-has-plbar .tw-tocur{bottom:calc(96px + env(safe-area-inset-bottom))}
.tw-ep-next{margin-top:var(--tw-s7);font-size:var(--tw-fs-body);line-height:1.6}
.tw-ep-next a{font-weight:650;color:var(--tw-ink);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--tw-pen);text-underline-offset:5px}
/* полоса внизу экрана, когда плеер ушёл с экрана, а звук начат */
.tw-plbar{position:fixed;z-index:55;left:0;right:0;bottom:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:var(--tw-s3);padding:var(--tw-s3) max(16px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:var(--tw-sheet);box-shadow:0 -1px 0 rgba(23,20,15,.1),0 -14px 26px -18px rgba(60,40,20,.5)}
.tw-plbar[hidden]{display:none}
.tw-plbar.is-short{grid-template-columns:48px minmax(0,1fr) auto}
.tw-plbar .tw-pl-play{width:48px;height:48px}
.tw-plbar .tw-pl-play svg{width:22px;height:22px}
.tw-plbar-l{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--tw-fs-ui);cursor:pointer}
.tw-plbar .tw-pl-btn{min-width:44px;justify-content:center;padding:0 var(--tw-s2)}
.tw-plbar .tw-pl-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tw-plbar-rate{min-width:52px;min-height:44px;border:0;border-radius:var(--tw-r-pill);background:rgba(23,20,15,.07);color:var(--tw-ink);font:inherit;font-size:var(--tw-fs-small);font-weight:650;cursor:pointer}
.tw-has-plbar{padding-bottom:84px}
/* 22.10 (вечер, ux 4): фокус с клавиатуры не уходит под полосу выпуска */
@media (max-width:999px){html:has(.tw-plbar:not([hidden])){scroll-padding-bottom:96px}}
@media (min-width:1000px){
  .tw-ep-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);grid-template-areas:"text side";gap:0 clamp(40px,5vw,72px);align-items:start}
  .tw-ep-side{grid-area:side;position:sticky;top:var(--tw-stick);max-height:calc(100vh - 112px);overflow:auto;padding:var(--tw-s3) var(--tw-s2) var(--tw-s2)}
  .tw-ep-text{grid-area:text}
  .tw-ep-text h3{margin-top:0}
  .tw-plbar{display:none!important}
}
/* страница подкаста: свежий выпуск — бумажный лист с кнопкой прямо на нём, карандашом «start here» */
.tw-pod-new{position:relative;max-width:620px;margin:0 0 var(--tw-s3)}
.tw-pod-sheet{position:relative;padding:clamp(24px,3vw,36px);background:var(--tw-sheet);box-shadow:var(--tw-sh-thing)}
.tw-pod-sheet .tw-pod-t{margin-top:var(--tw-s2);font-size:var(--tw-fs-title);font-weight:780;line-height:1.1;letter-spacing:-.03em}
.tw-pod-sheet .tw-pod-t a{color:var(--tw-ink);text-decoration:none}
.tw-pod-sheet .tw-pod-t a:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--tw-pen);text-underline-offset:5px}
.tw-pod-go{margin:var(--tw-s3) 0 0}
.tw-pod-go a{display:inline-flex;align-items:center;min-height:44px;font-weight:650;color:var(--tw-ink);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--tw-pen);text-underline-offset:5px}
.tw-pod-pen{position:absolute;z-index:4;right:-150px;top:-8px;display:flex;align-items:flex-start;gap:0;margin:0;pointer-events:none}
.tw-pod-pen .tw-pen{transform:rotate(-4deg)}
.tw-pod-pen-a{order:-1;margin-top:var(--tw-s4);transform:scaleX(-1) rotate(8deg)}
.tw-pod-cont{margin-top:var(--tw-s5);font-size:var(--tw-fs-body)}
.tw-pod-cont[hidden]{display:none}
.tw-pod-cont a{font-weight:650;color:var(--tw-ink);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--tw-pen);text-underline-offset:5px}
.tw-pod-new+.tw-pod-cont+h2,.tw-pod-new+.tw-pod-cont[hidden]+h2{margin-top:clamp(56px,6vw,90px)}
.tw-rows-a .tw-dev{display:block;margin-top:var(--tw-s2);color:#7A5E14}
/* данные к выпуску (20.10, поздний вечер): пометка «Испания / Мексика» карандашом под репликой, фраза с переводом,
   пересказ, вопросы, слова, реплика Рамона */
.tw-vnote{display:block;margin:var(--tw-s1) 0 0;font-size:var(--tw-pen-fs-m);line-height:1.05;transform:rotate(-1.2deg);transform-origin:0 50%}
.tw-phrase-k{margin:var(--tw-s2) 0 0;font-size:var(--tw-fs-body);line-height:1.4}
.tw-phrase-k b{font-weight:700}
.tw-phrase-k+.tw-phrase-es{margin-top:var(--tw-s3);font-size:var(--tw-fs-body)}
.tw-recap{margin:0 0 var(--tw-s4);padding-left:1.3em;font-size:var(--tw-fs-ui);line-height:1.5}
.tw-recap li+li{margin-top:var(--tw-s2)}
.tw-ep-text>h3~h3{margin-top:var(--tw-s7)}
.tw-pq{list-style:none;padding:0;margin-top:var(--tw-s4);border-top:1.5px solid rgba(27,38,56,.7)}
.tw-pq>li{padding:var(--tw-s4) 0 var(--tw-s4);border-bottom:1px solid rgba(23,20,15,.16)}
.tw-pq-q{margin:0;font-size:var(--tw-fs-lead);font-weight:650;line-height:1.35}
.tw-pq-opts{display:grid;gap:2px;margin-top:var(--tw-s3);counter-reset:o}
.tw-pq-o{display:flex;align-items:center;gap:var(--tw-s3);min-height:var(--tw-btn-h);padding:var(--tw-s2) var(--tw-s3) var(--tw-s2) var(--tw-s1);border:0;border-radius:var(--tw-r-s);background:none;color:var(--tw-ink);font:inherit;font-size:var(--tw-fs-body);line-height:1.3;text-align:left;cursor:pointer}
.tw-pq-o[hidden]{display:none}
@media (hover:hover){.tw-pq-o:hover{background:rgba(23,20,15,.05)}}
.tw-pq-o.is-right{color:var(--tw-ok);font-weight:650}
.tw-pq-o.is-wrong{color:var(--tw-no);text-decoration:line-through;text-decoration-thickness:1px}
.tw-pq-why{margin:var(--tw-s3) 0 0;font-size:var(--tw-fs-ui);line-height:1.45;color:var(--tw-ink-2)}
.tw-pq-why[hidden],.tw-pq-ans[hidden]{display:none}
.tw-pq-ans summary{display:flex;align-items:center;min-height:44px;font-weight:650;cursor:pointer}
.tw-wl{margin:var(--tw-s4) 0 0;border-top:1.5px solid rgba(27,38,56,.7)}
.tw-wl>div{display:grid;grid-template-columns:minmax(110px,36%) minmax(0,1fr);gap:var(--tw-s4);padding:var(--tw-s3) 0;border-bottom:1px solid rgba(23,20,15,.16)}
.tw-wl dt{font-size:var(--tw-fs-body);font-weight:650}
.tw-wl dd{margin:0;font-size:var(--tw-fs-ui);line-height:1.4;color:var(--tw-ink-2)}
.tw-wl-go{margin-top:var(--tw-s4);font-size:var(--tw-fs-ui);line-height:1.7}
.tw-wl-go a,.tw-talk-go a{font-weight:650;color:var(--tw-ink);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--tw-pen);text-underline-offset:5px}
.tw-talk-line{margin:var(--tw-s5) 0 0;max-width:40em}
.tw-talk-es{margin:0;font-size:var(--tw-fs-title);font-weight:650;line-height:1.25;letter-spacing:-.015em}
.tw-talk-en{margin:var(--tw-s2) 0 0;font-size:var(--tw-fs-body);line-height:1.45;color:var(--tw-ink-2)}
.tw-talk-line figcaption{margin-top:var(--tw-s3)}
.tw-talk-go{margin-top:var(--tw-s4);font-size:var(--tw-fs-body);line-height:1.6}
.tw-pod-first.tw-field{padding-top:clamp(28px,3vw,48px)}
/* 22.10 (вечер, ux 20): ссылки-строки выпуска и ползунок — поле касания 44 px; ссылки внутри строки текста — отступами
   строчного элемента (строки не раздвигаются, как .tw-small a в site.css) */
.tw-ep-next a{display:inline-flex;align-items:center;min-height:44px}
.tw-talk-go a,.tw-wl-go a{padding:var(--tw-s3) 0}
.tw-pl-seek{height:44px}
@media (max-width:900px){
  .tw-pod-pen{position:relative;right:auto;top:auto;justify-content:flex-end;margin:0 var(--tw-s1) -6px 0}
  .tw-pod-pen .tw-pen{font-size:var(--tw-pen-fs-m)}
  .tw-pod-pen-a{order:0;margin-top:var(--tw-s4);transform:rotate(18deg)}
}
@media (max-width:760px){
  .tw-player:not(.tw-player-c){padding:var(--tw-s4) var(--tw-s4) var(--tw-s3)}
  .tw-pl-play{width:58px;height:58px}
  /* плеер — в первый экран телефона: меньше воздуха между уровнями и выпуском */
  .tw-tabs.tw-lvsw{margin-top:var(--tw-s4)}
  .tw-level.tw-field{padding-top:var(--tw-s5)}
  .tw-level .tw-ep{padding-top:var(--tw-s4)}
  .tw-level .tw-ep h2{font-size:var(--tw-fs-h3)}
  .tw-level .tw-ep .tw-sub{margin-top:var(--tw-s1);font-size:var(--tw-fs-body)}
  .tw-ep-grid{margin-top:var(--tw-s4)}
  .tw-pod-first.tw-field{padding-top:var(--tw-s6)}
}
/* печать выпуска: чистый лист — испанский и английский рядом, без кнопок */
@media print{
  #tw-top,#tw-foot,#notify,.tw-more,.tw-pl,.tw-pl-row,.tw-pl-resume,.tw-tx,.tw-tx-off,.tw-plbar,.tw-tocur,.tw-cue-link,.tw-tabs,.tw-head-obj,.tw-near,.tw-ep-next,.tw-keys,.tw-phrase .tw-pl-link,.tw-player::before{display:none!important}
  body{background:#fff!important;padding:0!important}
  .tw-field::before{display:none}
  [data-panel][hidden]{display:block!important}
  .tw-player{box-shadow:none;padding:0}
  .tw-ep-grid{display:block}
  .tw-ep-side{position:static;max-height:none}
  .tw-cues,.tw-cues[data-tx]{display:grid!important}
  .tw-cues li{grid-template-columns:90px 1fr 1fr;gap:var(--tw-s1) var(--tw-s4);break-inside:avoid;background:none!important}
  .tw-cues li small{display:block!important}
  .tw-reveal p{display:block}
}

/* 21.10.2026 (разбор разделов, пп. 22, 23, 28, 29) */
/* текст выпуска — на листе со скотчем, как текст статьи */
.tw-ep-text{position:relative;margin-top:var(--tw-s6)}
.tw-ep-text .tw-cues li{margin:0 -12px}
@media (min-width:1000px){.tw-ep-text{margin-top:0}}
/* строка фильтра списка: сколько выпусков видно и на каком уровне; «All levels» — первой кнопкой */
.tw-fstat{width:100%;margin:0;font-size:var(--tw-fs-small);font-weight:600;color:var(--tw-ink-2)}
.tw-fstat:empty{display:none}
#pod-list{max-width:none;margin-top:var(--tw-s5)}
/* «Check yourself»: итог словами */
.tw-pq-res{margin:var(--tw-s3) 0 0;font-size:var(--tw-fs-ui);font-weight:650}
.tw-pq-res:empty{display:none}
@media (max-width:760px){
  .tw-ep-text{margin-top:var(--tw-s5)}
  .tw-ep-text .tw-cues li{margin:0 -6px}
  /* крошки: имя выпуска уже в заголовке — на телефоне только путь наверх */
  .tw-crumbs[data-up] li:last-child:not(:first-child){display:none}
}

/* 22.10 (финальная проверка, design 17): низ выпуска — реплика Рамона на листе со скотчем (как разговор на главной),
   источники — своим списком с тире, без точек браузера */
.tw-talk-line{position:relative;max-width:640px;margin-top:var(--tw-s6);padding:clamp(24px,3vw,36px);border-radius:var(--tw-r-l);background:var(--tw-box-bg)}
.tw-srcs{list-style:none;padding:0}
.tw-srcs li{position:relative;padding-left:var(--tw-s5);line-height:1.5}
.tw-srcs li+li{margin-top:var(--tw-s2)}
.tw-srcs li::before{content:"—";position:absolute;left:0;color:var(--tw-ink-3)}
@media (max-width:760px){.tw-talk-line{padding:var(--tw-s5) var(--tw-s4)}}
/* 22.10: «Spanish + English» на 320 px — переключатель в одну строку */
@media (max-width:360px){.tw-tx .tw-chip{padding:0 var(--tw-s2);font-size:var(--tw-fs-small)}}