/* Разборы сериалов: зал и модуль серии (EWA-MEGA 27).
   Правовая рамка живёт и в стилях: карточка сериала это НАША типографика,
   без постеров и кадров. Цвета только токенами тем (themes.css), кнопки
   теста и тост берутся из cinema.css (wq-opt, w-toast), свёртка из
   player.css (soon-fold). */

.sr{min-height:100vh;background:var(--bg-1,#101511);padding:clamp(18px,3.6vw,40px) clamp(14px,4.5vw,52px) 90px;font-family:var(--font-t);color:var(--ink)}
.sr-top{display:flex;gap:16px;align-items:flex-start;max-width:1180px;margin:0 auto 22px}
.sr-top h1{font-family:var(--font-d);font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:600;margin:0 0 6px}
.sr-line{max-width:58ch;color:var(--ink-dim);font-size:.9375rem;line-height:1.55;margin:0}
.sr-back{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;color:var(--ink-dim);background:var(--shell);box-shadow:inset 0 0 0 1px var(--shell-line);transition:color .3s var(--ease)}
.sr-back:hover{color:var(--ink)}
.sr-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sr-back svg{width:18px;height:18px}
.sr-note{max-width:1180px;margin:26px auto 0;color:var(--ink-dim);font-size:.8125rem;line-height:1.5}

/* ── зал: карточка сериала, типографика вместо постера ── */
.sr-shelf{max-width:1180px;margin:0 auto;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.sr-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line)}
.sr-face{display:flex;flex-direction:column;gap:6px;padding:26px 22px 18px;text-decoration:none;color:var(--ink);background:radial-gradient(140% 120% at 12% 0%,var(--gold-soft),transparent 55%);transition:background .4s var(--ease)}
.sr-face:hover{background:radial-gradient(140% 120% at 12% 0%,color-mix(in oklab,var(--gold) 20%,transparent),transparent 60%)}
.sr-face:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.sr-en{font-family:var(--font-d);font-weight:600;font-size:clamp(1.9rem,4.6vw,2.6rem);letter-spacing:.02em;line-height:1.05;color:var(--gold)}
.sr-ru{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}
.sr-card-line{margin-top:6px;color:var(--ink-dim);font-size:.875rem;line-height:1.5;max-width:44ch}
.sr-eps{display:flex;flex-wrap:wrap;gap:8px;padding:4px 22px 6px}
.sr-ep{min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:99px;text-decoration:none;font-size:.8125rem;font-weight:700;color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 30%,transparent);transition:transform .2s var(--ease)}
.sr-ep:hover{transform:translateY(-1px)}
.sr-ep:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sr-ep.off{color:var(--ink-dim);background:transparent;box-shadow:inset 0 0 0 1px var(--shell-line);cursor:default}
.sr-status{margin:0;padding:0 22px 20px;color:var(--ink-dim);font-size:.8125rem}
@media (prefers-reduced-motion:no-preference){
  .sr-shelf .sr-card{animation:sr-in .34s var(--ease) backwards;animation-delay:calc(var(--i,0)*.04s)}
  @keyframes sr-in{from{opacity:0;transform:translateY(10px)}}
}

/* ── модуль серии ── */
.sr-hero{max-width:1180px;margin:0 auto 26px;display:flex;flex-direction:column;gap:8px;padding:26px 22px;border-radius:22px;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line);position:relative}
.sr-hero .sr-back{position:absolute;left:14px;top:14px}
.sr-hero-body{padding-left:58px}
.sr-kicker{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0}
.sr-hero h1{font-family:var(--font-d);font-size:clamp(1.35rem,3vw,2rem);font-weight:600;margin:0;line-height:1.15}
.sr-hero-ru{color:var(--ink-dim);font-size:.9375rem;margin:0}
@media (max-width:700px){.sr-hero-body{padding-left:0;padding-top:44px}}

.sr-main{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:34px}
.sr-h2{font-family:var(--font-d);font-size:1.25rem;font-weight:600;margin:0 0 8px}
.sr-sub{color:var(--ink-dim);font-size:.875rem;margin:0 0 14px;max-width:62ch;line-height:1.55}
.sr-intro p{max-width:64ch;font-size:.9688rem;line-height:1.6;margin:0 0 8px}

/* где посмотреть легально */
.sr-watch{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line);max-width:560px}
.sr-watch-line{margin:0;color:var(--ink-dim);font-size:.875rem;line-height:1.55}
.sr-watch-row{display:flex;flex-wrap:wrap;gap:8px}
.sr-watch-a{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border-radius:99px;text-decoration:none;font-size:.8438rem;font-weight:700;color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 30%,transparent);transition:transform .2s var(--ease)}
.sr-watch-a:hover{transform:translateY(-1px)}
.sr-watch-a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sr-watch-a span{color:var(--ink-dim);font-weight:400}

/* слова ДО просмотра */
.sr-words{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.sr-word{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line)}
.sr-word b{font-size:1.0313rem;line-height:1.4}
.sr-quote{color:var(--ink);font-size:.875rem;line-height:1.5;font-style:italic}
.sr-cite{color:var(--ink-dim);font-size:.6875rem;letter-spacing:.04em}
.sr-ru-t{color:var(--ink-dim);font-size:.875rem}
.sr-tr{color:var(--ink-dim);font-size:.8125rem;opacity:.8;font-style:italic}
.sr-word-line{color:var(--ink-dim);font-size:.8125rem;line-height:1.5;margin-top:4px}
.sr-btns{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap}
.sr-btns>button{min-height:38px;padding:0 13px;border:0;border-radius:99px;cursor:pointer;font-family:var(--font-t);font-size:.8125rem;font-weight:700;color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 30%,transparent);transition:transform .2s var(--ease)}
.sr-btns>button:hover{transform:translateY(-1px)}
.sr-btns>button:disabled{color:var(--mint);background:color-mix(in oklab,var(--mint) 10%,transparent);cursor:default;transform:none}
.sr-btns>button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* разбор ПОСЛЕ: аккордеон реплик */
.sr-break{display:flex;flex-direction:column;gap:10px;max-width:760px}
.sr-item{border-radius:16px;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line)}
.sr-item>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 44px 14px 16px;position:relative}
.sr-item>summary::-webkit-details-marker{display:none}
.sr-item>summary::after{content:"▾";position:absolute;right:16px;top:14px;color:var(--gold);transition:transform .25s var(--ease)}
.sr-item[open]>summary::after{transform:rotate(180deg)}
.sr-item>summary:hover{background:var(--gold-soft)}
.sr-item>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.sr-q{margin:0;font-size:.9688rem;line-height:1.5}
.sr-q .sr-who{color:var(--gold);font-weight:700;font-size:.8125rem;margin-right:6px}
.sr-w{display:inline;border:0;padding:0;margin:0;background:none;cursor:pointer;font:inherit;color:inherit;border-radius:4px}
.sr-w:hover{background:var(--gold-soft)}
.sr-w:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.sr-w.saved{color:var(--mint)}
.sr-body{padding:2px 16px 16px;display:flex;flex-direction:column;gap:10px}
.sr-a{margin:0;font-size:.9375rem;line-height:1.6;color:var(--ink)}
.sr-slang{align-self:flex-start;display:inline-flex;gap:8px;align-items:baseline;padding:6px 12px;border-radius:99px;font-size:.75rem;color:var(--ink-dim);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 30%,transparent)}
.sr-slang b{color:var(--gold);font-size:.8125rem}
.sr-word-hint{margin:0;color:var(--ink-dim);font-size:.75rem}

/* экзамен и голосовые */
.sr-exam{max-width:560px}
.sr-q-n{color:var(--ink-dim);font-size:.75rem;margin:0 0 6px}
.sr-q-t{font-size:1.0313rem;line-height:1.5;margin:0 0 12px}
.sr-verdict{font-size:1.0313rem;line-height:1.55;margin:0 0 12px}
.sr-voice-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:760px}
.sr-voice{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line)}
.sr-voice .sr-tip{color:var(--ink-dim);font-size:.8125rem;line-height:1.5;margin:0}
.sr-rec{align-self:flex-start;min-height:42px;margin-top:6px;padding:0 18px;border:0;border-radius:99px;cursor:pointer;font-family:var(--font-t);font-size:.875rem;font-weight:700;color:var(--bg-1,#101511);background:var(--gold);transition:transform .2s var(--ease)}
.sr-rec:hover{transform:translateY(-1px)}
.sr-rec:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sr-rec.live{background:var(--mint)}
@media (prefers-reduced-motion:no-preference){.sr-rec.live{animation:sr-pulse 1.2s ease-in-out infinite}}
@keyframes sr-pulse{50%{transform:scale(1.03)}}
.sr-rec-out{margin:0;color:var(--ink-dim);font-size:.8125rem;line-height:1.5;min-height:1.2em}

/* сценка с репетитором */
.sr-scene{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:var(--core);box-shadow:inset 0 0 0 1px var(--shell-line);max-width:560px}
.sr-scene p{margin:0;font-size:.9063rem;line-height:1.55}
.sr-scene .sr-left{color:var(--ink-dim);font-size:.8125rem}
.sr-go{align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;padding:0 22px;border-radius:99px;text-decoration:none;font-size:.9063rem;font-weight:700;color:var(--bg-1,#101511);background:var(--gold);transition:transform .2s var(--ease)}
.sr-go:hover{transform:translateY(-1px)}
.sr-go:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

@media (max-width:700px){
  .sr-break,.sr-voice-list{max-width:100%}
}