@charset "UTF-8";

/* Playback pages keep the video and episode controls ahead of supporting content. */
.watch-page .shell {width:min(1100px, calc(100% - 64px))}
.watch-page .site-header {height:auto;min-height:64px;padding-block:8px;flex-wrap:wrap;gap:4px 20px}
.watch-page .brand {flex:0 1 auto}
.watch-page .brand-name {max-width:240px;font-size:19px}
.watch-page .brand-icon {width:30px;height:32px}
.watch-page .watch-nav {display:flex;align-items:center;flex-shrink:0;gap:2px 8px;margin-left:auto;font-size:var(--font-small);flex:1 1 600px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.watch-page .watch-nav a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:5px;white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%}
.watch-page .watch-nav a:hover {background:var(--paper-dark)}
.watch-page .watch-player {padding-top:12px}
.watch-page .watch-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:8px 16px;margin-bottom:10px;flex-wrap:wrap}
.watch-page .watch-heading-main {min-width:0;flex:1 1 200px}
.watch-page .watch-heading h1 {margin:0;font-size:26px;font-weight:650;line-height:1.45;letter-spacing:.2px;overflow-wrap:anywhere}
.watch-page .watch-subtitle {margin:4px 0 0;color:var(--muted);font-size:var(--font-small);line-height:1.7;overflow-wrap:anywhere}
.watch-page .watch-jump {min-height:44px;padding:8px 12px;flex-shrink:0;justify-content:center;border:1px solid var(--line);border-radius:5px;font-size:var(--font-small)}
.watch-page .watch-jump:hover {background:var(--paper-dark)}
.watch-page .player-box {aspect-ratio:16 / 9;background:#07140c}
.watch-page .native-player {width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}
.watch-page .player-empty,
.watch-page .player-fallback {min-height:100%;height:auto;padding:24px}
.watch-page .player-empty .player-message-title,
.watch-page .player-fallback .player-message-title {line-height:1.45}
.watch-page .player-caption {align-items:center;gap:12px;padding:6px 1px;min-height:36px;font-size:var(--font-caption)}
.watch-page .source-fallback-content {display:flex;flex-direction:column;align-items:center;width:100%}
.watch-page .player-caption a {display:inline-flex;align-items:center;min-height:44px}
.watch-page .player-feedback {display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.watch-page .playback-preferences {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:24px;margin-top:6px;border-bottom:1px solid var(--line)}
.watch-page .playback-preferences-1 {grid-template-columns:minmax(0, 1fr)}
.watch-page .playback-preferences-2 {grid-template-columns:repeat(2, minmax(0, 1fr))}
.watch-page .playback-preferences [data-next-retry] {grid-column:1 / -1;justify-self:start}
.watch-page .playback-control {display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 2px;color:var(--green);font-size:var(--font-small);cursor:pointer;touch-action:manipulation;flex-wrap:wrap}
.watch-page .playback-control-copy {display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.watch-page .playback-control-copy small {color:var(--muted);font-size:var(--font-caption)}
.watch-page .playback-state {margin-left:auto;color:var(--muted);font-size:var(--font-caption);white-space:nowrap}
.watch-page .playback-switch {appearance:none;-webkit-appearance:none;flex:0 0 42px;position:relative;width:42px;height:24px;margin:0;border:1px solid #7d8973;border-radius:14px;background:#d3d9cc;cursor:pointer}
.watch-page .playback-switch::before {content:"";display:block;position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fffef9;box-shadow:0 1px 3px #18332230}
.watch-page .playback-switch:checked {border-color:var(--green);background:var(--green)}
.watch-page .playback-switch:checked::before {transform:translateX(18px)}
.watch-page .playback-switch:focus-visible {outline:2px solid var(--green);outline-offset:4px}
.watch-page [data-auto-next-note],
.watch-page [data-skip-note] {grid-column:1 / -1;margin:0 0 10px;color:var(--muted);font-size:var(--font-caption);line-height:1.7;overflow-wrap:anywhere}
.watch-page [data-player-status] {margin:0;padding-block:6px;color:var(--muted);font-size:var(--font-caption);line-height:1.7;overflow-wrap:anywhere}
.watch-page [data-player-status]:empty {display:none}
.watch-page [data-player-resume],
.watch-page [data-next-retry] {min-height:44px;padding:8px 16px;margin-block:6px}
.watch-page .source-tab[aria-disabled="true"] {opacity:.55;cursor:not-allowed;background:transparent}
.watch-page .episode-navigation {display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);gap:12px;align-items:stretch;margin-top:2px}
.watch-page .episode-step,
.watch-page .episode-overview {display:flex;min-width:0;min-height:52px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--line);border-radius:6px;background:#fffef94d;line-height:1.6;font-size:var(--font-small);overflow-wrap:anywhere;text-align:center}
.watch-page .episode-step {flex-direction:column}
.watch-page .episode-step small {color:var(--muted);font-size:var(--font-caption)}
.watch-page .episode-step > span {max-width:100%}
.watch-page .episode-overview {padding-inline:24px;color:var(--muted)}
.watch-page a.episode-step:hover,
.watch-page .episode-overview:hover {border-color:#95a382;background:#e8eddf}
.watch-page span.episode-step {color:var(--muted);background:transparent;border-color:#e5e6dc}
.watch-page .playback-note {margin:6px 0 0;font-size:var(--font-caption);line-height:1.7}
.watch-page .episodes-section {margin-top:18px}
.watch-page .section-heading {margin-bottom:12px}
.watch-page .section-heading h2,
.watch-page .story-main h2 {font-size:23px}
.watch-page .source-toolbar {margin-bottom:10px;padding-bottom:8px}
.watch-page .source-tabs {gap:8px}
.watch-page .source-tab {min-height:44px;padding:10px 14px;font-size:var(--font-small)}
.watch-page .source-tab small {font-size:var(--font-caption)}
.watch-page .episode {min-height:46px;padding:10px 12px;font-size:var(--font-small)}
.watch-page .story-section {margin-top:var(--section-gap);padding-top:0}
.watch-page .cast-section {margin-top:var(--section-gap)}
@media (max-width: 760px) {

    .watch-page .playback-preferences {grid-template-columns:minmax(0, 1fr)}
.watch-page .shell {width:calc(100% - 28px)}
.watch-page .site-header {height:auto;min-height:64px;gap:4px 20px;padding-block:8px;flex-wrap:wrap}
.watch-page .brand-name {font-size:17px;letter-spacing:.5px;max-width:240px}
.watch-page .watch-nav {gap:2px 8px;font-size:var(--font-small);flex:1 1 600px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.watch-page .watch-nav a {padding-inline:8px;white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%;padding:8px 10px}
.watch-page .watch-player {padding-top:10px}
.watch-page .watch-heading {gap:6px 10px;margin-bottom:8px;align-items:flex-start;flex-wrap:wrap}
.watch-page .watch-heading h1 {font-size:22px;line-height:1.4}
.watch-page .watch-subtitle {margin-top:3px;font-size:var(--font-small)}
.watch-page .watch-jump {padding-inline:10px;font-size:var(--font-small)}
.watch-page .player-box {border-radius:6px}
.watch-page .player-empty,
    .watch-page .player-fallback {padding:12px}
.watch-page .player-empty-icon {width:34px;height:34px;margin-bottom:4px}
.watch-page .player-empty-icon .icon {width:18px;height:18px}
.watch-page .player-empty .player-message-title,
    .watch-page .player-fallback .player-message-title {margin:5px 0;font-size:16px}
.watch-page .player-empty p:not(.player-message-title),
    .watch-page .player-fallback p:not(.player-message-title) {margin:0 0 8px;font-size:var(--font-caption);line-height:1.6}
.watch-page .player-empty .button,
    .watch-page .player-fallback .button {min-height:44px;padding:8px 12px}
.watch-page .player-caption {font-size:var(--font-caption);gap:8px;padding-block:4px}
.watch-page .episode-navigation {gap:8px}
.watch-page .episode-step,
    .watch-page .episode-overview {min-height:52px;padding:8px;font-size:var(--font-caption)}
.watch-page .episode-overview {padding-inline:12px}
.watch-page .playback-note {margin-top:6px;font-size:var(--font-caption)}
.watch-page .episodes-section {margin-top:16px}
.watch-page .section-heading {gap:6px 10px;margin-bottom:10px}
.watch-page .section-heading h2,
    .watch-page .story-main h2 {font-size:21px}
.watch-page .source-toolbar {margin-bottom:8px;padding-bottom:6px}
.watch-page .source-tabs {gap:7px}
.watch-page .source-tab {min-height:44px;padding:9px 11px;font-size:var(--font-small)}
.watch-page .source-tab small {margin-left:2px;font-size:var(--font-caption)}
.watch-page .episode-grid {grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px}
.watch-page .episode {min-height:46px;padding:10px 6px;font-size:var(--font-small)}
.watch-page .story-section {margin-top:var(--section-gap);padding-top:0}
.watch-page .cast-section {margin-top:var(--section-gap)}
}
@media (max-width: 360px) {

    .watch-page .watch-heading h1 {font-size:20px}
.watch-page .watch-jump {padding-inline:8px;font-size:var(--font-small)}
.watch-page .player-empty-icon,
    .watch-page .player-empty .eyebrow {display:none}
.watch-page .player-empty .player-message-title,
    .watch-page .player-fallback .player-message-title {font-size:14px}
.watch-page .section-aside {font-size:var(--font-caption);white-space:normal;text-align:right}
.watch-page .source-tab {padding-inline:9px;font-size:var(--font-small)}
.watch-page .episode-navigation {gap:6px}
.watch-page .episode-overview {padding-inline:10px}
}
@media(max-width:760px){
.watch-page .watch-nav{flex-basis:100%;justify-content:flex-start;margin-left:0;gap:2px 6px}
.watch-page .watch-nav a{padding-inline:8px}
.watch-page .brand-name{max-width:100%}
.watch-page .player-empty .eyebrow{display:none}
.watch-page .player-empty .player-message-title,.watch-page .player-fallback .player-message-title{font-size:17px}
.watch-page .player-caption{align-items:flex-start}
.watch-page .episode-step,.watch-page .episode-overview{font-size:var(--font-small)}
.watch-page .section-heading{margin-bottom:10px}
}