:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#f4f4f4;font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:#a90e08;text-underline-offset:.2em}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #1261ba;outline-offset:4px}[hidden]{display:none!important}
.wrap{width:min(100% - 40px,1040px);margin-inline:auto}.masthead{background:white;border-bottom:4px solid #be1008}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}.logo{display:block;width:360px;max-width:100%;height:auto}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{color:inherit}main.wrap{background:#fff;margin-top:28px;padding:32px}.eyebrow{font-size:.875rem;font-weight:700;color:#a90e08;letter-spacing:.06em}h1{font-size:clamp(1.65rem,3.5vw,2.5rem);line-height:1.2;margin:12px 0 16px;overflow-wrap:anywhere}.meta{font-size:.875rem;color:#595959;margin-bottom:24px}.player{position:relative;aspect-ratio:16/9;background:#151515;width:100%;color:white}.player iframe{position:absolute;inset:0;border:0;width:100%;height:100%}.consent-panel{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.consent-panel strong{font-size:1.25rem}.consent-panel p{max-width:580px;margin:12px 0}.consent-panel button{background:white;color:#222;border:0;padding:12px 18px;font-weight:700;border-radius:3px}.consent-panel .consent-status{font-size:.875rem}.consent-status:empty{display:none}.source{font-size:.875rem;color:#595959;margin-top:10px}.story{margin-top:28px}.story h2{font-size:1.25rem;line-height:1.5}.story p{margin-block:20px}.article-link{display:inline-block;font-weight:700;margin-top:12px}footer{padding-block:28px;font-size:.875rem;color:#555}footer button{padding:0;border:0;background:none;text-decoration:underline;color:inherit}.skip{position:absolute;top:-100px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
@media(max-width:620px){.wrap{width:calc(100% - 24px)}.masthead .wrap{align-items:flex-start;flex-direction:column;gap:16px;padding-block:20px}.logo{width:300px}main.wrap{padding:18px;margin-top:12px}.meta{margin-bottom:18px}.consent-panel{padding:20px 14px}.player:has(.consent-panel:not([hidden])){aspect-ratio:auto;min-height:300px}.consent-panel strong{font-size:1.05rem}.consent-panel p{font-size:.9375rem}nav{gap:16px}}

/* Compact video-first header; future advertising belongs below the video/content. */
.masthead .wrap{padding-block:14px}.logo{width:300px}
main.wrap{margin-top:16px;padding-top:20px}
h1{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.3;margin:0 0 16px}
.meta{margin:12px 0 0}.story{margin-top:20px}.story h2{margin-top:0}
@media(max-width:620px){.masthead .wrap{padding-block:12px;gap:10px}.logo{width:260px}main.wrap{margin-top:12px;padding-top:16px}h1{margin-bottom:14px}}

/* Local AdSense draft: below the complete story, never next to player controls. */
.webvideo-ad{margin-top:40px;padding-top:20px;border-top:1px solid #ddd;width:100%;min-width:0}
.ad-label{font-size:.75rem;color:#595959;margin:0 0 12px}

/* Rails never shrink or cover the 1040px content frame; no fixed/sticky overlays. */
main.wrap{position:relative}
.ad-rail{display:none}
@media(min-width:1440px){
  .ad-rail{display:block;position:absolute;top:20px;width:160px}
.ad-rail--left{left:-184px}.ad-rail--right{right:-184px}
}

/* Five compact recommendations. Only this row scrolls on narrow screens. */
.related-videos{margin-top:24px;border-top:1px solid #e5e5e5;padding-top:14px}
.related-videos h2{font-size:1rem;line-height:1.3;margin:0 0 10px}
.related-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;list-style:none;padding:0 0 6px;margin:0}
.related-list li{flex:0 0 calc((100% - 48px)/5);min-width:0;scroll-snap-align:start}
.video-card{display:block;color:inherit;text-decoration:none}
.card-picture{display:block;position:relative;aspect-ratio:16/9;background:#29323a;overflow:hidden;border-radius:3px}
.card-picture img{display:block;width:100%;height:100%;object-fit:cover}
.card-play{position:absolute;left:8px;bottom:7px;color:#fff;background:rgba(0,0,0,.7);padding:0 6px;font-size:12px;border-radius:2px}
.card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;font-weight:700;line-height:1.35;margin-top:7px}
.video-card:hover .card-title{text-decoration:underline}
.related-list:focus-visible{outline:3px solid #1261ba;outline-offset:3px}
@media(max-width:760px){.related-list li{flex-basis:150px}}

/* Larger, one-line video heading; full text remains in the DOM and article. */
h1.video-heading{font-size:clamp(1.5rem,2.5vw,1.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Leave room for the header, source and five cards on short viewports.
   Keep 16:9 and center the player; never compress the consent explanation.
   Extremely short windows may still scroll rather than getting a tiny player. */
main:has(.related-videos) .player:has(#video-player:not([hidden])){
  width:min(100%,max(284px,calc((100vh - 440px)*16/9)));
  width:min(100%,max(284px,calc((100svh - 440px)*16/9)));
  margin-inline:auto;
}