/* Additive styles for the ADR YouTube section. */
#replays [hidden] { display: none !important; }
.adr-youtube-feature { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); border: 1px solid #45533d; background: #182016; }
.adr-youtube-player { position: relative; aspect-ratio: 16/9; min-height: 200px; overflow: hidden; background: #0b100b; }
.adr-youtube-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.adr-youtube-poster { display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 0; color: #fff; cursor: pointer; background: #0b100b; }
.adr-youtube-poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.adr-youtube-poster::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 40%,rgba(0,0,0,.7)); }
.adr-youtube-play { position: absolute; z-index: 1; inset: 50% auto auto 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 74px; height: 54px; border-radius: 12px; background: #b8f277; color: #10130f; font-size: 28px; box-shadow: 0 0 0 8px #10130f55; }
.adr-youtube-poster:hover .adr-youtube-play { background: #ff914d; }
.adr-youtube-feature-copy { align-self: center; padding: clamp(1.4rem,3vw,2.8rem); }
.adr-youtube-feature-copy h3 { margin: .5rem 0 1rem; font-size: clamp(1.4rem,2.5vw,2.1rem); line-height: 1.16; overflow-wrap: anywhere; color: #f3f5ec; }
.adr-youtube-feature-copy p { color: #b9c5b0; }
.adr-youtube-feature-copy .eyebrow { color: #b8f277; }
.adr-youtube-meta { font-size: .8rem; letter-spacing: .03em; }
.adr-youtube-feature-copy .text-link { display: inline-block; margin-top: 1.4rem; }
.adr-youtube-bar { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 1.8rem 0 1rem; }
.adr-youtube-bar h3 { margin: 0; color: #f3f5ec; }
.adr-youtube-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.adr-youtube-card { min-width: 0; border: 1px solid #45533d; background: #182016; }
.adr-youtube-card button { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; text-align: left; background: none; color: #f3f5ec; font: inherit; }
.adr-youtube-card button[aria-pressed='true'] { box-shadow: inset 0 0 0 2px #b8f277; }
.adr-youtube-thumb { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.adr-youtube-card-title { display: block; padding: 1rem 1rem .5rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.adr-youtube-card time { display: block; padding: 0 1rem 1rem; color: #b9c5b0; font-size: .8rem; }
.adr-youtube-status { margin: .8rem 0 1rem; color: #b9c5b0; font-size: .85rem; }
.adr-youtube-retry { border: 1px solid #45533d; border-radius: 0; padding: .55rem .85rem; color: #b8f277; background: #182016; font: inherit; cursor: pointer; }
.adr-youtube-retry:disabled { opacity: .6; cursor: wait; }
#replays button:focus-visible, #replays a:focus-visible { outline: 3px solid #ff914d; outline-offset: 4px; }
@media(max-width:850px) { .adr-youtube-feature { grid-template-columns: 1fr; } .adr-youtube-feature-copy { padding: 1.5rem; } .adr-youtube-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .adr-youtube-grid { grid-template-columns: 1fr; } .adr-youtube-bar { align-items: flex-start; } }
@media(prefers-reduced-motion:reduce) { #replays * { scroll-behavior: auto !important; } }