/* The archive as a Canadian sports desk, circa 1988. Component-scoped so the
   garment framing and the shared Pixel / IBM Plex Mono system stay intact. */
.home-archive{max-width:1120px;margin:96px auto}
.home-archive[hidden]{display:none}
.home-broadcast{--broadcast-ink:#0a2038;--broadcast-blue:#142e4b;--broadcast-paper:#fff1cf;--broadcast-gold:#d3ab66;color:var(--broadcast-paper);scroll-margin-top:24px}
.home-broadcast .home-archive-sheet{display:block;background:var(--broadcast-ink);border:1px solid #526171;box-shadow:0 5px 0 #a89773}
.home-broadcast-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 26px;border-bottom:3px solid var(--broadcast-gold)}
.home-broadcast-brand{display:grid;gap:8px;font:400 17px/1.25 var(--type-arcade,var(--type-arcade));letter-spacing:-.04em}
.home-broadcast-brand small{font:400 6px/1.5 var(--type-arcade,var(--type-arcade));letter-spacing:.1em;color:var(--broadcast-gold)}
.home-broadcast-edition{font:400 9px/1.5 var(--type-arcade,var(--type-arcade));text-align:right}
.home-broadcast-edition>span{display:block;margin-top:8px;color:#c2d0db;font:400 10px/1.5 var(--type-mono,monospace);letter-spacing:.07em}
.home-broadcast-stage{position:relative;aspect-ratio:1672/780;container-type:inline-size;background:url('assets/studio/newswire-studio-clear-wall-v2.webp') center top/100% auto no-repeat;image-rendering:pixelated;overflow:hidden}
.home-broadcast .home-archive-photo{position:absolute;left:49%;top:11%;width:34%;height:auto;aspect-ratio:1;margin:0;padding:.55cqw;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:.8cqw solid #bc914f;border-top-color:#e5bd78;border-left-color:#d8aa65;border-right-color:#805a2d;border-bottom-color:#906835;box-shadow:0 0 0 .18cqw #573d22,inset .2cqw .2cqw 0 #0a111b,inset -.2cqw -.2cqw 0 #57606a;background:#252c35;min-width:0}
.home-broadcast .home-archive-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;image-rendering:pixelated;border:0;background:transparent}
.home-broadcast-lowerthird{display:grid;grid-template-columns:180px minmax(0,1fr);border-top:4px solid var(--broadcast-gold);background:var(--broadcast-blue)}
.home-broadcast .home-archive-date{display:flex;flex-direction:column;gap:7px;align-self:stretch;justify-content:center;margin:0;padding:24px;border:0;border-right:1px solid #536478;min-width:0}
.home-screen .home-broadcast .home-archive-date strong{font:400 26px/1.4 var(--type-arcade,var(--type-arcade));letter-spacing:-.05em;color:var(--broadcast-paper);margin:0 0 6px}
.home-screen .home-broadcast .home-archive-date :is(time,span){font:400 11px/1.5 var(--type-mono,monospace);letter-spacing:0;color:#cbd5de}
.home-broadcast .home-archive-date>span{text-transform:uppercase}
.home-broadcast .home-archive-copy{min-width:0;min-height:216px;padding:23px 30px 25px}
.home-screen .home-broadcast .home-archive-category{font:400 7px/1.8 var(--type-arcade,var(--type-arcade));letter-spacing:.03em;color:var(--broadcast-gold);margin:0 0 12px;text-transform:uppercase}
.home-screen .home-broadcast .home-archive-copy h2{font:400 clamp(16px,1.7vw,21px)/1.6 var(--type-arcade,var(--type-arcade));letter-spacing:-.04em;color:var(--broadcast-paper);min-height:0;margin:0 0 13px;max-width:100%;overflow-wrap:break-word}
.home-screen .home-broadcast .home-archive-copy>[data-archive-detail]{font:400 14px/1.75 var(--type-mono,monospace);letter-spacing:0;color:#e1e6e9;min-height:0;margin:0;max-width:76ch}
.home-broadcast-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 22px;background:var(--broadcast-ink);border-top:1px solid #536478}
.home-screen .home-broadcast .home-archive-report{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:var(--broadcast-paper);font:400 7px/1.8 var(--type-arcade,var(--type-arcade));text-decoration:underline;text-underline-offset:5px}
.home-broadcast .home-archive-report>span{font-size:18px}
.home-broadcast .home-archive-controls{display:flex;align-items:center;gap:6px;margin:0}
.home-broadcast .home-archive-controls button{min-width:44px;min-height:44px;background:transparent;border:1px solid transparent;color:var(--broadcast-paper);font:400 9px/1.5 var(--type-arcade,var(--type-arcade));cursor:pointer;padding:8px}
.home-broadcast .home-archive-controls button:hover{background:#294760;border-color:#7890a2}
.home-screen .home-broadcast .home-archive-controls [data-archive-count]{min-width:64px;text-align:center;color:var(--broadcast-gold);font:400 7px/1.5 var(--type-arcade,var(--type-arcade))}
.home-screen .home-broadcast .home-archive-controls [data-archive-pause]{font:400 7px/1.5 var(--type-arcade,var(--type-arcade));min-width:70px;padding:8px}
.home-broadcast .home-archive-controls button:disabled{opacity:.4;cursor:default}
.home-broadcast :is(a,button):focus-visible{outline:2px solid var(--broadcast-gold);outline-offset:2px}
@media(min-width:701px) and (max-width:1000px){.home-archive{margin:80px 20px}.home-broadcast-lowerthird{grid-template-columns:155px minmax(0,1fr)}.home-broadcast .home-archive-date{padding:20px}.home-broadcast .home-archive-copy{padding:20px 24px}}
@media(max-width:700px){
 .home-archive{margin:62px 16px 68px}
 .home-broadcast-masthead{padding:14px 14px;gap:10px}
 .home-broadcast-brand{font-size:12px;gap:6px}.home-broadcast-brand small{font-size:5px}
 .home-broadcast-edition{font-size:6px;max-width:135px}.home-broadcast-edition>span{font-size:8px;letter-spacing:0;margin-top:5px}
 .home-broadcast-stage{aspect-ratio:1672/820}
 .home-broadcast .home-archive-photo{top:10.46%}
 .home-broadcast-lowerthird{grid-template-columns:1fr}
 .home-broadcast .home-archive-date{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 18px;padding:15px 16px;min-height:84px;border-right:0;border-bottom:1px solid #536478;align-items:center}
 .home-screen .home-broadcast .home-archive-date strong{font-size:21px;grid-row:1/3;margin:0}
 .home-screen .home-broadcast .home-archive-date :is(time,span){font-size:10px}.home-broadcast .home-archive-date>span{grid-column:2}
 .home-broadcast .home-archive-copy{min-height:260px;padding:20px 16px 22px}
 .home-screen .home-broadcast .home-archive-copy h2{font-size:15px;line-height:1.65;margin-bottom:14px}
 .home-screen .home-broadcast .home-archive-copy>[data-archive-detail]{font-size:13px;line-height:1.75}
 .home-screen .home-broadcast .home-archive-category{font-size:6px;line-height:1.9;margin-bottom:11px}
 .home-broadcast-footer{padding:8px 12px;gap:4px;flex-wrap:wrap}
 .home-screen .home-broadcast .home-archive-report{font-size:6px;gap:9px}
 .home-broadcast .home-archive-controls{gap:0;margin-left:auto}
 .home-screen .home-broadcast .home-archive-controls [data-archive-count]{font-size:6px;min-width:50px}
 .home-screen .home-broadcast .home-archive-controls [data-archive-pause]{font-size:6px;min-width:58px}
}
@media(max-width:360px){.home-broadcast .home-archive-copy{min-height:280px}.home-screen .home-broadcast .home-archive-copy h2{font-size:13px}.home-broadcast-edition{max-width:113px}.home-broadcast-footer{justify-content:center}.home-broadcast .home-archive-controls{margin-left:0}}