.media-page{max-width:1200px}.media-toolbar{border-bottom:1px solid var(--rule-strong);justify-content:space-between;align-items:end;gap:24px;padding:0 0 18px;display:flex}.media-toolbar form{align-items:center;gap:10px;display:flex}.media-toolbar label{font-weight:600}.media-toolbar select,.media-toolbar button{border:1px solid var(--rule-strong);min-height:38px;color:var(--ink);background:var(--surface);border-radius:4px;padding:6px 10px}.media-toolbar button{cursor:pointer}.media-toolbar p{color:var(--ink-3);margin:0}.media-page section>h2,.transcript-section>h2{font:600 1.5rem/1.25 var(--font-serif),serif;margin:26px 0 8px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;display:grid}.video-card{border-top:1px solid var(--rule);min-width:0;padding:14px 0 22px}.video-image-link{background:var(--rule);display:block;position:relative;overflow:hidden}.video-image-link img,.video-no-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:grid}.video-no-image{border:1px solid var(--rule);background:var(--paper);color:var(--ink-3);place-items:center}.video-duration{color:#fff;font:500 .8125rem var(--font-mono),monospace;background:#16181de0;border-radius:2px;padding:1px 5px;position:absolute;bottom:7px;right:7px}.video-channel,.video-date{color:var(--ink-3);margin:9px 0 4px;font-size:.8125rem}.video-card h3{font:600 1.125rem/1.3 var(--font-serif),serif;text-transform:none;margin:0 0 5px}.video-card h3 a{text-decoration:none}.video-card h3 a:hover{text-decoration:underline}.video-date{font-family:var(--font-mono),monospace;margin:0 0 8px}.media-pagination{flex-wrap:wrap;gap:4px;margin-top:22px;display:flex}.media-pagination a{text-align:center;min-width:36px;padding:4px 9px}.media-pagination a[aria-current=page]{border:1px solid var(--rule-strong);border-radius:4px;font-weight:600;text-decoration:none}.video-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:32px;display:grid}.video-player-column{min-width:0;position:sticky;top:16px}.youtube-frame{aspect-ratio:16/9;background:#000;width:100%}.youtube-frame>div,.youtube-frame iframe{border:0;width:100%;height:100%;display:block}.video-player-column .video-channel{margin-top:16px}.video-player-column h1{font:600 1.5rem/1.2 var(--font-serif),serif;margin:4px 0 8px}.video-summary h2{font:600 1.5rem/1.25 var(--font-serif),serif;margin:12px 0 8px}.video-summary-text{font:400 1.0625rem/1.6 var(--font-serif),serif}.video-points{border-top:1px solid var(--rule-strong);margin:16px 0 0;padding:0;list-style:none}.video-points li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 0;display:grid}.video-points p{color:var(--ink-2);margin:0}.transcript-section{margin-top:36px}.transcript-list{border-top:1px solid var(--rule-strong);max-height:560px;overflow-y:auto}.transcript-line{border:0;border-bottom:1px solid var(--rule);text-align:left;width:100%;color:var(--ink-2);cursor:pointer;background:0 0;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:10px 8px;display:grid}.transcript-line:hover{background:var(--surface)}.transcript-line .timestamp{color:var(--ink-3)}.transcript-line.is-active{color:var(--ink);background:var(--evidence-bg);box-shadow:inset 3px 0 var(--evidence)}.transcript-line.is-active .timestamp{color:var(--evidence)}@media (max-width:760px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-detail-grid{grid-template-columns:1fr;gap:22px}.video-player-column{position:static}}@media (max-width:620px){.media-toolbar{flex-direction:column;align-items:start;gap:10px}.media-toolbar form{flex-wrap:wrap;width:100%}.media-toolbar select{flex:1;min-width:150px}.video-grid{grid-template-columns:1fr}.video-card{padding-bottom:16px}.video-player-column h1{font-size:1.375rem}.transcript-line{gap:8px}}.point-quote{border-left:2px solid var(--evidence);background:var(--evidence-bg);color:var(--ink-2);font-family:var(--font-serif,serif);quotes:"„" "“";margin:4px 0 6px;padding:2px 8px;font-size:.9375rem;font-style:italic;line-height:1.5;display:block}.video-points li>p{grid-area:1/1}.video-points li>button{grid-area:1/2}.video-points li>.point-quote{grid-area:2/1/auto/-1;margin:0}
