#latest-transmissions{width:94%;max-width:none;padding:50px 0;margin-inline:auto}
#latest-transmissions .feed-heading{margin-bottom:30px}
#latest-transmissions .feed-heading .eyebrow{font-size:.875rem;margin-bottom:16px}
#latest-transmissions .feed-heading h2{margin:0}
#latest-transmissions .transmission-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
#latest-transmissions .transmission-filter,#latest-transmissions .transmission-load-more{font-family:'Courier New',monospace;font-size:.875rem;letter-spacing:.06em;line-height:1.5;min-height:44px;padding:10px 15px;border:1px solid #53616a;background:#10171d;color:var(--muted)}
#latest-transmissions .transmission-filter:hover,#latest-transmissions .transmission-load-more:hover{border-color:var(--amber);color:var(--ink)}
#latest-transmissions .transmission-filter[aria-pressed=true]{border-color:var(--amber);background:#e6b76a14;color:var(--amber)}
#latest-transmissions .transmission-count{font-family:'Courier New',monospace;font-size:.875rem;line-height:1.6;color:var(--muted);margin:0 0 20px}
#latest-transmissions .transmission-pagination{margin-top:10px}
#latest-transmissions .transmission-load-more[hidden]{display:none}
#latest-transmissions .transmission-row:focus-visible{outline:2px solid var(--amber);outline-offset:7px}
#latest-transmissions .transmission-row{display:grid;grid-template-columns:clamp(180px,24%,440px) minmax(0,1fr);gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:start}
#latest-transmissions .transmission-thumbnail{background:#070c13}
#latest-transmissions .transmission-image-link{display:block;transition:filter .2s}
#latest-transmissions .transmission-image-link:hover{filter:brightness(1.15)}
#latest-transmissions .transmission-image-link:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
#latest-transmissions .transmission-thumbnail img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
#latest-transmissions .transmission-text .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 8px;letter-spacing:.06em;overflow-wrap:anywhere}
#latest-transmissions .transmission-date{font-size:.875rem;line-height:1.5;color:var(--muted);margin:0 0 10px;letter-spacing:.03em}
#latest-transmissions h3{font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.2;margin:0 0 10px}
#latest-transmissions .transmission-summary{font-size:1rem;line-height:1.65;color:#bcc7ce;margin:0 0 10px}
#latest-transmissions .transmission-status{margin:12px 0 4px}
#latest-transmissions .transmission-pending{margin:0 0 8px}
.transmission-status{font-size:.875rem;color:var(--amber);letter-spacing:.07em;margin:22px 0 8px}
.transmission-pending{font-size:.9375rem;line-height:1.7;color:var(--muted);margin-bottom:15px}
#latest-transmissions .text-link{font-size:.9375rem;min-height:44px}
#latest-transmissions .transmission-empty{color:var(--muted);border-top:1px solid var(--line);padding-top:25px}
#transmission-page .transmission-detail{max-width:1450px;margin:auto;padding:75px 6.7% 90px;min-height:65vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:start}
#transmission-page .transmission-detail>img{width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border:1px solid var(--line)}
#transmission-page .eyebrow{font-size:.875rem;line-height:1.7;letter-spacing:.06em;margin-bottom:18px}
#transmission-page h1{font-size:clamp(2.5rem,4.5vw,3.8rem);line-height:1.1;letter-spacing:-.04em;margin-bottom:28px}
#transmission-page .transmission-description{font-size:1.0625rem;line-height:1.85;color:#bcc7ce}
#transmission-page .transmission-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}
@media(max-width:700px){#latest-transmissions{width:90%;padding:40px 0}#latest-transmissions .transmission-row{grid-template-columns:180px minmax(0,1fr);gap:16px;padding:20px 0}#latest-transmissions .feed-heading h2{font-size:2.5rem}#transmission-page .transmission-detail{grid-template-columns:1fr;gap:32px;padding:45px 6% 60px}#transmission-page .transmission-detail>img{aspect-ratio:16/9}}
@media(max-width:480px){#latest-transmissions .transmission-row{grid-template-columns:1fr;gap:12px}#latest-transmissions .transmission-thumbnail{width:min(200px,100%)}}
#transmissions .reconstruction-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:20px}
#transmissions .transmission-layout p{overflow-wrap:anywhere}
#transmissions .transmission-layout>div>p:not(.eyebrow):not(.transmission-status){color:var(--muted)}
#transmissions .transmission-empty{color:var(--muted)}
#transmissions .page-heading{padding-top:45px;padding-bottom:28px}
#transmissions .page-heading h1{font-size:clamp(2.75rem,5vw,4rem);line-height:1.1;margin-bottom:16px}
#transmissions .reconstruction-shell{padding-top:0;padding-bottom:60px}
#transmissions .reconstruction-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:36px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:36px;margin-bottom:30px}
#transmissions .reconstruction-feature img,#transmissions .reconstruction-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
#transmissions .reconstruction-image-link{display:block}
#transmissions .reconstruction-image-link:hover{filter:brightness(1.1)}
#transmissions .reconstruction-image-link:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
#transmissions .reconstruction-feature .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 10px}
#transmissions .reconstruction-feature h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin:0 0 16px}
#transmissions .reconstruction-summary{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 12px}
#transmissions .reconstruction-date,#transmissions .reconstruction-count{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0 0 14px}
#transmissions .reconstruction-season-section>h2{font-size:1.75rem;line-height:1.3;margin:0 0 12px}
#transmissions .reconstruction-seasons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
#transmissions .reconstruction-season-button,#transmissions .reconstruction-more{font: .875rem/1.5 'Courier New',monospace;min-height:44px;padding:10px 15px;background:#10171d;color:var(--muted);border:1px solid #53616a}
#transmissions .reconstruction-season-button[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}
#transmissions .reconstruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#transmissions .reconstruction-card{min-width:0}
#transmissions .reconstruction-card-image{margin-bottom:16px}
#transmissions .reconstruction-card .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 8px}
#transmissions .reconstruction-card h3{font-size:1.5rem;line-height:1.25;margin:0 0 10px}
#transmissions .reconstruction-card .transmission-status{margin:12px 0 6px}
#transmissions .reconstruction-card .transmission-pending{margin:0 0 8px}
#transmissions .reconstruction-card:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
#transmissions .reconstruction-more{margin-top:28px}
@media(max-width:900px){#transmissions .reconstruction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#transmissions .reconstruction-feature{grid-template-columns:1fr;gap:24px}#transmissions .reconstruction-grid{grid-template-columns:1fr;gap:32px}#transmissions .page-heading{padding-top:32px}#transmissions .reconstruction-feature h2{font-size:2rem}}

#logs .reconstruction-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:20px}
#logs .transmission-layout p{overflow-wrap:anywhere}
#logs .transmission-layout>div>p:not(.eyebrow):not(.transmission-status){color:var(--muted)}
#logs .transmission-empty{color:var(--muted)}
#logs .page-heading{padding-top:45px;padding-bottom:28px}
#logs .page-heading h1{font-size:clamp(2.75rem,5vw,4rem);line-height:1.1;margin-bottom:16px}
#logs .reconstruction-shell{padding-top:0;padding-bottom:60px}
#logs .reconstruction-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:36px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:36px;margin-bottom:30px}
#logs .reconstruction-feature img,#logs .reconstruction-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
#logs .reconstruction-image-link{display:block}
#logs .reconstruction-image-link:hover{filter:brightness(1.1)}
#logs .reconstruction-image-link:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
#logs .reconstruction-feature .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 10px}
#logs .reconstruction-feature h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin:0 0 16px}
#logs .reconstruction-summary{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 12px}
#logs .reconstruction-date,#logs .reconstruction-count{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0 0 14px}
#logs .reconstruction-season-section>h2{font-size:1.75rem;line-height:1.3;margin:0 0 12px}
#logs .reconstruction-seasons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
#logs .reconstruction-season-button,#logs .reconstruction-more{font: .875rem/1.5 'Courier New',monospace;min-height:44px;padding:10px 15px;background:#10171d;color:var(--muted);border:1px solid #53616a}
#logs .reconstruction-season-button[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}
#logs .reconstruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#logs .reconstruction-card{min-width:0}
#logs .reconstruction-card-image{margin-bottom:16px}
#logs .reconstruction-card .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 8px}
#logs .reconstruction-card h3{font-size:1.5rem;line-height:1.25;margin:0 0 10px}
#logs .reconstruction-card .transmission-status{margin:12px 0 6px}
#logs .reconstruction-card .transmission-pending{margin:0 0 8px}
#logs .reconstruction-card:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
#logs .reconstruction-more{margin-top:28px}
@media(max-width:900px){#logs .reconstruction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#logs .reconstruction-feature{grid-template-columns:1fr;gap:24px}#logs .reconstruction-grid{grid-template-columns:1fr;gap:32px}#logs .page-heading{padding-top:32px}#logs .reconstruction-feature h2{font-size:2rem}}

#logs .reconstruction-feature img,#logs .reconstruction-card img{object-position:center 25%}
/* Season viewer: main playback area and a compact episode browser. */
#transmissions .reconstruction-viewer{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr);gap:36px;padding-top:0;padding-bottom:64px}
#transmissions .episode-main{min-width:0}
#transmissions .episode-player{aspect-ratio:16/9;background:#05090c;border:1px solid var(--line);border-radius:4px;overflow:hidden}
#transmissions .episode-player iframe{display:block;width:100%;height:100%;border:0}
#transmissions .episode-poster{position:relative;display:block;width:100%;height:100%;padding:0;text-align:center}
#transmissions .episode-poster img{display:block;width:100%;height:100%;object-fit:cover}
#transmissions .episode-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#e6b76a;color:#080c10;font-size:28px;padding-left:5px;box-shadow:0 2px 20px #0008}
#transmissions .episode-play-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#080c10df;padding:5px 14px;border-radius:3px;white-space:nowrap}
#transmissions .episode-poster:hover .episode-play{background:#f4cc86}
#transmissions .episode-poster:focus-visible{outline-offset:-5px}
#transmissions .episode-information{padding-top:22px}
#transmissions .episode-information .eyebrow{font-size:.875rem;margin-bottom:8px}
#transmissions .episode-information h2{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin-bottom:12px}
#transmissions .episode-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
#transmissions .episode-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--amber);color:var(--amber);border-radius:4px;min-height:44px;padding:9px 15px;font-size:.9375rem}
#transmissions .episode-action:disabled{border-color:var(--line);color:var(--muted);cursor:default}
#transmissions .episode-browser{min-width:0;border-left:1px solid var(--line);padding-left:30px}
#transmissions .episode-browser h2{font-size:1.9rem;line-height:1.2;margin-bottom:18px}
#transmissions .episode-browser select{font:inherit;width:100%;min-height:48px;padding:10px 14px;color:var(--ink);background:var(--bg);border:1px solid #53616a;border-radius:4px;cursor:pointer}
#transmissions .episode-browser select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
#transmissions .episode-count{font-size:.9375rem;color:var(--muted);margin:10px 0 22px}
#transmissions .episode-list{display:grid;gap:14px}
#transmissions .episode-choice{display:grid;grid-template-columns:minmax(100px,43%) minmax(0,1fr);gap:16px;align-items:center;padding:8px;text-align:left;border:1px solid var(--line);border-radius:5px;width:100%}
#transmissions .episode-choice[aria-pressed=true]{border-color:var(--amber);background:#e6b76a08}
#transmissions .episode-choice:not(:disabled):hover{background:#ffffff08}
#transmissions .episode-choice:disabled{cursor:default;color:var(--muted)}
#transmissions .episode-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#10171d;border-radius:3px}
#transmissions .episode-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#transmissions .episode-placeholder{display:grid;place-items:center;height:100%;font-size:52px;color:#687882;background:radial-gradient(ellipse at center,#1e2c36,#0b1117)}
#transmissions .episode-choice-copy{display:grid;gap:4px;overflow-wrap:anywhere}
#transmissions .episode-number{font-size:.875rem;color:var(--muted)}
#transmissions .episode-choice-title{font-size:1.0625rem;line-height:1.3;color:var(--ink)}
#transmissions .episode-status{font-size:.875rem;color:var(--muted)}
#transmissions .episode-choice[aria-pressed=true] .episode-status,#transmissions .episode-choice[aria-pressed=true] .episode-number{color:var(--amber)}
#transmissions .episode-release-note{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;font-size:.875rem;color:var(--muted)}
#transmissions .episode-pending-player{display:grid;place-items:center;height:100%;color:var(--muted)}
#transmissions .episode-browser .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){#transmissions .reconstruction-viewer{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}#transmissions .episode-browser{padding-left:20px}#transmissions .episode-choice{grid-template-columns:100px minmax(0,1fr);gap:12px}}
@media(max-width:760px){#transmissions .reconstruction-viewer{grid-template-columns:1fr;gap:30px}#transmissions .episode-browser{padding-left:0;padding-top:26px;border-left:0;border-top:1px solid var(--line)}#transmissions .episode-choice{grid-template-columns:minmax(100px,35%) minmax(0,1fr)}#transmissions .episode-play{width:60px;height:60px;font-size:24px}#transmissions .episode-play-caption{font-size:.875rem;bottom:10px}}
/* Shorts retain their portrait format; Reconstructions keeps its landscape layout. */
#logs .reconstruction-feature{grid-template-columns:minmax(126px,196px) minmax(0,1fr);align-items:center}
#logs .reconstruction-feature img,#logs .reconstruction-card img{aspect-ratio:9/16;object-fit:cover;object-position:center}
#logs .reconstruction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#logs .reconstruction-card-image{width:70%}
#latest-transmissions .transmission-row-event-log .transmission-thumbnail{width:min(100%,135px)}
#latest-transmissions .transmission-row-event-log .transmission-thumbnail img{aspect-ratio:9/16}
#transmission-page .transmission-detail-event-log{grid-template-columns:minmax(180px,320px) minmax(0,1fr)}
#transmission-page .transmission-detail-event-log>img{aspect-ratio:9/16}
@media(max-width:900px){#logs .reconstruction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#logs .reconstruction-feature{grid-template-columns:1fr}#logs .reconstruction-feature-image{width:min(100%,175px)}#transmission-page .transmission-detail-event-log{grid-template-columns:1fr}#transmission-page .transmission-detail-event-log>img{width:min(100%,280px)}}
@media(max-width:480px){#logs .reconstruction-grid{grid-template-columns:1fr}#logs .reconstruction-card-image{width:min(100%,168px)}}

#transmissions .page-heading>p:last-child{max-width:none;width:100%}
/* Event Logs: portrait playback, selected account, and source browser. */
#logs .log-viewer{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(240px,1.15fr) minmax(300px,1.15fr);gap:34px;align-items:start;padding-top:0;padding-bottom:64px}
#logs .log-player{aspect-ratio:9/16;background:#05090c;border:1px solid var(--line);border-radius:4px;overflow:hidden}
#logs .log-player iframe{display:block;width:100%;height:100%;border:0}
#logs .log-placeholder,#logs .log-poster{display:block;position:relative;width:100%;height:100%;padding:0}
#logs .log-player img{display:block;width:100%;height:100%;object-fit:cover}
#logs .log-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border:2px solid var(--amber);border-radius:50%;display:grid;place-items:center;background:#080c10d9;color:var(--amber);font-size:28px;padding-left:4px}
#logs .log-poster:focus-visible{outline-offset:-5px}
#logs .log-pending-caption{position:absolute;bottom:14px;left:12px;right:12px;padding:7px 12px;background:#080c10e8;text-align:center;color:var(--muted);font-size:.9375rem}
#logs .log-details{padding-top:40px;min-width:0}
#logs .log-details .eyebrow{font-size:.875rem;line-height:1.6;margin-bottom:16px}
#logs .log-details h2{font-size:clamp(1.8rem,2.8vw,3rem);letter-spacing:-.04em;line-height:1.15;margin-bottom:24px}
#logs .log-summary,#logs .log-pending-note{font-size:1rem;line-height:1.7;color:var(--muted)}
#logs .log-date{color:var(--muted);font-size:.875rem;margin:24px 0 30px}
#logs .log-pending{margin:28px 0 8px}
#logs .log-youtube{font-size:1rem;min-height:44px;margin:8px 0 20px}
#logs .log-next{display:block;font:inherit;min-height:44px;border:1px solid #53616a;border-radius:4px;padding:10px 18px;margin-top:14px;color:var(--ink)}
#logs .log-browser{border-left:1px solid var(--line);padding-left:28px;min-width:0}
#logs .log-browser h2{font-size:1.8rem;margin-bottom:18px;letter-spacing:-.04em}
#logs .log-source-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#logs .log-browser select{width:100%;min-height:48px;background:var(--bg);border:1px solid #53616a;border-radius:4px;padding:10px 14px;font:inherit;color:var(--ink);cursor:pointer}
#logs .log-browser select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
#logs .log-count{color:var(--muted);font-size:.875rem;letter-spacing:.04em;margin:22px 0 18px}
#logs .log-list{display:grid;gap:8px}
#logs .log-choice{display:flex;align-items:center;gap:14px;width:100%;padding:8px;text-align:left;border:1px solid transparent;border-bottom-color:var(--line);border-radius:3px;min-height:90px}
#logs .log-choice[aria-pressed=true]{border-color:var(--amber);background:#e6b76a08}
#logs .log-choice:hover{background:#ffffff08}
#logs .log-choice>img{display:block;width:54px;aspect-ratio:9/16;object-fit:cover;flex:none}
#logs .log-choice-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
#logs .log-choice .eyebrow{font-size:.75rem;letter-spacing:.08em;margin:0}
#logs .log-choice-title{font-size:1rem;line-height:1.35}
#logs .log-choice-status{font-size:.875rem;color:var(--muted)}
#logs .log-selected{margin-left:auto;font-size:.75rem;color:var(--amber);flex:none}
#logs .log-browser-note{font-size:.875rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
@media(max-width:1100px){#logs .log-viewer{grid-template-columns:220px minmax(0,1fr);gap:26px}#logs .log-browser{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:26px 0 0}#logs .log-details{padding-top:20px}}
@media(max-width:600px){#logs .log-viewer{grid-template-columns:1fr;gap:24px}#logs .log-player{width:min(100%,300px);justify-self:center}#logs .log-details{padding-top:0}#logs .log-browser{grid-column:auto}#logs .log-details h2{font-size:2rem}#logs .log-choice{gap:12px}#logs .log-selected{font-size:.6875rem}}
