/* «Everyday Spanish dialogues» (22.10.2026). Сцены лежат на поле цвета уровня (.tw-live, inner.css); без линий между
   репликами и строками списка — только воздух; цвет — только уровень, говорящие без цветных полосок. */
/* 22.10 (вечер, design 7): отступы и скругления — токены шкалы из site.css (--tw-s1…s9, --tw-r-s/l/pill), верх липких
   блоков — --tw-stick (inner.css); значения вне таблицы, 1–3 px, отрицательные и места, где сдвиг вышел бы больше 4 px, — числами */
.tw-dlgs .tw-live-sw{margin-bottom:clamp(14px,1.6vw,22px)}
.tw-dlg-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--tw-s6);margin:0;padding:0;list-style:none}
.tw-dlg-tl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 var(--tw-s3);min-height:44px;padding:9px 0;color:var(--tw-ink);text-decoration:none}
.tw-dlg-tl b{font-size:var(--tw-fs-body);font-weight:650;line-height:1.25;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color .2s}
.tw-dlg-tl small{font-size:var(--tw-fs-label);font-weight:650;letter-spacing:.12em;color:var(--tw-ink-3)}
.tw-dlg-tl span{grid-column:1/-1;font-size:var(--tw-fs-ui);line-height:1.3;color:var(--tw-ink-2)}
.tw-dlg-tl:hover b,.tw-dlg-tl[aria-current] b{text-decoration-color:currentColor}
.tw-dlgs:not(.is-mx) span[data-v="es-MX"],.tw-dlgs.is-mx span[data-v="es-ES"]{display:none}

.tw-dlg{margin-top:clamp(40px,4.4vw,64px);scroll-margin-top:calc(var(--tw-stick) - 12px)}
.tw-dlgs.is-js .tw-dlg:not(.is-open){display:none}
.tw-dlg.is-in{animation:tw-live-in .5s cubic-bezier(.2,.8,.2,1)}
.tw-dlg-h{margin-top:var(--tw-s2);font-size:var(--tw-fs-title);line-height:1.08;letter-spacing:-.02em;outline:none}
.tw-dlg-h b{display:block;font-weight:800}
.tw-dlg-hs{display:block;font-weight:350}
.tw-dlg-scene{margin-top:var(--tw-s3);max-width:34em;font-size:var(--tw-fs-body);line-height:1.45;font-style:italic;color:var(--tw-ink-2)}
.tw-dlg-bar{margin-top:var(--tw-s2)}
/* звук сцены (22.10, вечер): круглая кнопка, как у отрывков выпусков; «Repeat slower» — обводка; звучащая реплика —
   сиреневая подложка, как звучащее предложение в «Чтении» (.tw-t.is-say) */
.tw-dlg-au{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tw-s3) var(--tw-s4);margin-top:var(--tw-s5)}
.tw-dlg-na{width:min(100%,420px);height:44px}
.tw-dlg-na[hidden],.tw-dlg-play[hidden],.tw-dlg-slow[hidden]{display:none}
.tw-dlg-play{display:inline-flex;align-items:center;gap:var(--tw-s3);min-height:48px;padding:0 var(--tw-s2) 0 0;border:0;background:none;font:inherit;font-size:var(--tw-fs-ui);font-weight:650;color:var(--tw-ink);cursor:pointer}
/* 22.10 (вечер, design 10): круглая кнопка звука — 44, как на остальных страницах (была 48); кнопка целиком — 48 */
.tw-dlg-pi{display:grid;place-items:center;width:var(--tw-btn-h-s);height:var(--tw-btn-h-s);border-radius:50%;background:var(--tw-ink);color:#FBF8F2;transition:box-shadow .2s}
.tw-dlg-pi svg{width:20px;height:20px}
.tw-dlg-pi .i-pause,.tw-dlg-play.is-on .i-play{display:none}
.tw-dlg-play.is-on .i-pause{display:block}
.tw-dlg-play.is-on .tw-dlg-pi{box-shadow:0 0 0 3px var(--tw-paper),0 0 0 5px var(--tw-ink)}
.tw-dlg-slow{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 var(--tw-s4) 0 var(--tw-s3);border:0;border-radius:var(--tw-r-pill);background:rgba(255,253,248,.6);box-shadow:inset 0 0 0 1.5px rgba(23,20,15,.3);font:inherit;font-size:var(--tw-fs-small);font-weight:650;color:var(--tw-ink-2);cursor:pointer}
.tw-dlg-slow:hover{color:var(--tw-ink);box-shadow:inset 0 0 0 1.5px rgba(23,20,15,.55)}
.tw-dlg-slow svg{width:18px;height:18px}
.tw-dlg-ln.is-say .tw-dlg-sp{background-image:linear-gradient(transparent 62%,rgba(155,127,214,.38) 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tw-dlg-ln.is-say .tw-dlg-who{color:var(--tw-ink)}
.tw-dlg-enb{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:var(--tw-fs-ui);font-weight:650;color:var(--tw-ink);text-decoration:underline dotted;text-underline-offset:4px;cursor:pointer}
.tw-dlg-enb[hidden]{display:none}
.tw-dlg .tw-live-pen{margin:2px 0 -6px 120px}

.tw-dlg-vh{margin-top:var(--tw-s5);font-size:var(--tw-fs-label);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--tw-ink-3)}
.tw-dlgs.is-js .tw-dlg-vh{display:none}
.tw-dlgs.is-js .tw-dlg-v{display:none}
.tw-dlgs.is-js:not(.is-mx) .tw-dlg-v[data-v="es-ES"],.tw-dlgs.is-js.is-mx .tw-dlg-v[data-v="es-MX"]{display:block}
.tw-dlg-lines{margin:var(--tw-s4) 0 0;padding:0;list-style:none}
.tw-dlg-ln{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 var(--tw-s4);padding:7px 0}
.tw-dlg-who{align-self:start;min-height:44px;margin-top:-6px;padding:0;border:0;background:none;font:inherit;font-size:var(--tw-fs-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--tw-ink-3);cursor:pointer}
.tw-dlg-who:hover{color:var(--tw-ink)}
.tw-dlgs:not(.is-js) .tw-dlg-who{cursor:default}
.tw-dlg-es{font-size:var(--tw-fs-read);line-height:1.38;letter-spacing:-.01em;color:var(--tw-ink);text-wrap:pretty}
.tw-dlg-es .tw-w{background-size:4px 1.5px}
.tw-dlg-es mark{padding:0 2px;color:inherit;background:linear-gradient(transparent 55%,rgba(245,192,12,.55) 0)}
.tw-dlg-en{margin-top:3px;font-size:var(--tw-fs-ui);line-height:1.45;color:var(--tw-ink-2)}
.tw-dlgs.is-js .tw-dlg-en{display:none}
.tw-dlgs.is-js .tw-dlg.is-en .tw-dlg-en,.tw-dlgs.is-js .tw-dlg-ln.is-en .tw-dlg-en{display:block;animation:tw-dlg-up .3s ease}
@keyframes tw-dlg-up{from{opacity:0;transform:translateY(-3px)}}

.tw-dlg-tip{margin-top:var(--tw-s6);max-width:36em}
.tw-dlg-tk{font-size:var(--tw-fs-label);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--tw-ink-3)}
.tw-dlg-ask{margin-top:var(--tw-s2);font-size:var(--tw-fs-lead);font-weight:650;line-height:1.35;color:var(--tw-ink)}
.tw-dlg-tb{margin-top:var(--tw-s4);min-height:var(--tw-btn-h);background:rgba(255,253,248,.6)}
.tw-dlg-tb[hidden],.tw-dlg-ans[hidden]{display:none}
.tw-dlg-ans{margin-top:var(--tw-s3);outline:none;animation:tw-dlg-up .3s ease}
.tw-dlg-ans b{display:block;font-size:var(--tw-fs-h3);font-weight:700;line-height:1.3;color:var(--tw-ink)}
.tw-dlg-ans span{display:block;margin-top:var(--tw-s2);font-size:var(--tw-fs-ui);line-height:1.45;color:var(--tw-ink-2)}
.tw-dlg-next{margin-top:var(--tw-s6)}
.tw-dlg-next .tw-btn{min-height:var(--tw-btn-h);background:rgba(255,253,248,.6)}
.tw-dlgs+.tw-nextl{margin-top:var(--tw-s5)}
.tw-live .tw-thing img{transition:opacity .18s ease}

@media (max-width:760px){
  .tw-dlg-toc ol{grid-template-columns:minmax(0,1fr);gap:0}
  .tw-dlg-ln{grid-template-columns:minmax(0,1fr);padding:var(--tw-s2) 0 var(--tw-s2)}
  .tw-dlg-who{display:flex;align-items:flex-end;min-height:44px;margin:-14px 0 2px}
  .tw-dlg .tw-live-pen{margin-left:0}
  .tw-dlg-es{font-size:var(--tw-fs-read)}
}
@media (prefers-reduced-motion:reduce){.tw-dlg.is-in,.tw-dlg-ans,.tw-dlgs.is-js .tw-dlg-ln.is-en .tw-dlg-en,.tw-dlgs.is-js .tw-dlg.is-en .tw-dlg-en{animation:none}.tw-live .tw-thing img{transition:none}}