/* Compact sketch cartouche, aligned to the approved lower-right composition. */
.hero-latest[hidden] { display: none; }
.hero-latest { position:absolute; right:1.2%; bottom:12px; width:clamp(320px,24vw,440px); padding:25px 28px 33px; color:#071421; background:url('assets/latest-episode-paper.webp') center / 100% 100% no-repeat; }
.hero-latest-label { display:table; margin:0 0 5px; padding:3px 12px; color:white; background:#0b57a3; transform:rotate(-2deg); font:italic 800 16px/1.1 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.035em; }
.hero-latest h2 { margin:0 0 10px; font:italic 800 clamp(25px,1.7vw,32px)/1 'Barlow Condensed',sans-serif; letter-spacing:-.025em; overflow-wrap:anywhere; }
.hero-latest-controls { display:flex; align-items:center; gap:9px; }
.hero-latest button { border:0; padding:0; background:none; color:#0b57a3; cursor:pointer; flex-shrink:0; }
.hero-latest .latest-play { display:flex; align-items:center; gap:7px; font:800 10px/1.1 'Inter',sans-serif; text-transform:uppercase; min-height:36px; }
.latest-play img { box-sizing:content-box; width:16px; height:16px; padding:9px; border-radius:50%; background:#0b57a3; filter:none; }
.latest-play img { content:url('assets/icons/play-fill.svg'); }
.latest-play[aria-pressed='true'] img { content:url('assets/icons/pause-fill.svg'); }
.hero-latest input { min-width:25px; width:100%; height:24px; accent-color:#0b57a3; cursor:pointer; }
.hero-latest .latest-skip { position:relative; width:30px; height:36px; }
.latest-skip img { position:absolute; width:28px; height:28px; top:0; left:1px; }
.latest-skip span { position:absolute; top:13px; inset-inline:0; text-align:center; font:800 9px/1 'Inter',sans-serif; }
.hero-latest button:disabled { opacity:.45; cursor:default; }
.hero-latest :focus-visible { outline:3px solid #0b57a3; outline-offset:3px; }
.hero-latest-footer { display:flex; justify-content:space-between; gap:10px; margin-top:3px; font:600 10px/1.3 'Inter',sans-serif; color:#415260; }
.hero-latest-footer a { color:#0b57a3; text-decoration:underline; }
@media (min-width:761px) and (max-width:1100px) { .hero-latest { width:310px; padding:23px 26px 32px; } .hero-latest h2 { font-size:25px; } }
@media (max-width:760px) { .hero-latest { position:relative; inset:auto; width:min(440px,calc(100% - 28px)); margin:0 auto 28px; padding:28px 30px 36px; } .hero-latest h2 { font-size:30px; } .hero-latest .latest-play { min-height:44px; } .hero-latest .latest-skip { width:44px; height:44px; } .latest-skip img { top:4px; left:8px; } .latest-skip span { top:17px; } .hero .scroll-cue { display:none; } }
@media (prefers-reduced-motion:reduce) { .hero-latest * { transition:none; } }

@media (max-width:360px) { .hero-latest .latest-play span { display:none; } .hero-latest h2 { font-size:28px; } }