/* Authored room coordinates and cryptomatte masks share a 3840 × 2160 canvas. */
.news-broadcast-overlay,.office-broadcast-overlay { position:absolute; inset:0; z-index:2; width:100%; height:100%; pointer-events:none; }
.news-broadcast-overlay a,.office-broadcast-overlay a { pointer-events:all; }
.broadcast-card { width:100%; height:100%; box-sizing:border-box; background:linear-gradient(120deg,#071522,#0e2b42); color:#eff8ff; padding:140px 80px 0; font-family:'DM Sans',sans-serif; overflow:hidden; }
.broadcast-card * { box-sizing:border-box; }
.broadcast-masthead { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #507288; padding-bottom:26px; font-size:34px; letter-spacing:3px; }
.broadcast-masthead strong { color:#91e2ed; }
.broadcast-masthead>span { font-size:27px; color:#b2c5d1; }
.broadcast-story { display:grid; grid-template-columns:1.05fr 1fr; gap:60px; padding:50px 0 30px; min-height:870px; }
.broadcast-card .broadcast-eyebrow { color:#ffac87; margin:0 0 22px; text-transform:uppercase; font:700 31px/1.3 'DM Sans',sans-serif; letter-spacing:4px; }
body.mq-typography .broadcast-card h2 { color:#f0f7fa; font:700 var(--headline-size,83px)/1.04 'Barlow',sans-serif; letter-spacing:-1px; margin:0 0 32px; text-transform:none; overflow-wrap:anywhere; }
.broadcast-card .broadcast-summary { color:#bcd1dc; font:400 35px/1.48 'DM Sans',sans-serif; margin:0; }
.broadcast-story figure { margin:0; display:flex; align-items:center; min-width:0; background:#071824; }
.broadcast-story img { width:100%; height:100%; max-height:580px; object-fit:contain; }
.broadcast-lower { display:flex; align-items:stretch; margin:0 -80px; height:103px; background:#edf2f4; color:#102333; font:500 37px/1.3 'DM Sans',sans-serif; }
.broadcast-lower>strong { display:flex; align-items:center; flex-shrink:0; background:#c84134; color:white; padding:0 40px; font-size:31px; letter-spacing:2px; }
.broadcast-ticker { display:flex; align-items:center; overflow:hidden; }
.broadcast-ticker-track { display:flex; width:max-content; white-space:nowrap; animation:broadcast-crawl var(--ticker-time,35s) linear infinite; }
.broadcast-ticker-track span { flex-shrink:0; padding-left:25px; }
.broadcast-paused .broadcast-ticker-track { animation-play-state:paused; }
@keyframes broadcast-crawl { to { transform:translateX(-50%); } }
.broadcast-mini rect { fill:#071a2a; }
.broadcast-mini text { fill:#a7dfe9; font:700 26px 'DM Sans',sans-serif; letter-spacing:2px; }
.broadcast-mini .broadcast-mini-title { fill:#f4f7f9; font-size:34px; letter-spacing:0; }
.broadcast-mini .broadcast-mini-code { fill:#5ca5c4; font:700 66px 'Barlow',sans-serif; }
.broadcast-mini circle { fill:none; stroke:#477a8c; stroke-width:3; }
.broadcast-mini path { fill:none; stroke:#80c6d9; stroke-width:3; }
.broadcast-hit { fill:transparent; stroke:transparent; stroke-width:6; }
a:focus-visible .broadcast-hit { stroke:#9deafb; }
.broadcast-controls { margin-top:20px; padding-top:18px; border-top:1px solid #38404a; }
.broadcast-controls label { display:block; font-size:12px; margin-bottom:12px; color:#a9c8d9; }
.broadcast-controls select { display:block; width:100%; margin-top:6px; min-height:42px; padding:8px; border:1px solid #536475; background:#101923; color:white; font:inherit; }
.broadcast-control-row { display:flex; flex-wrap:wrap; gap:7px; }
.broadcast-control-row button { cursor:pointer; min-height:42px; padding:8px 12px; border:1px solid #536475; background:#1b2e40; color:#eef8ff; font:500 12px 'DM Sans',sans-serif; }
.broadcast-control-row button:hover { background:#28506c; }
.broadcast-controls :focus-visible { outline:2px solid #96e4f0; outline-offset:3px; }
.broadcast-controls button:disabled { opacity:.5; cursor:wait; }
.broadcast-controls small { display:block; margin-top:10px; color:#9fb2c4; font:400 11px/1.6 'DM Sans',sans-serif; }
.office-art { opacity:0; transition:opacity .6s ease; }
.office-art.is-active { opacity:1; }
.office-screen-grade { fill:#102015; opacity:.15; pointer-events:none; }
.broadcast-reader { width:min(1000px,calc(100vw - 32px)); max-height:90svh; padding:24px; color:#edf6fb; border:1px solid #557487; background:#0a1b2a; overflow:auto; }
.broadcast-reader::backdrop { background:rgba(2,6,12,.86); }
.broadcast-reader-controls { display:flex; gap:10px; justify-content:flex-end; margin-bottom:22px; }
.broadcast-reader-controls button { min-height:44px; padding:10px 18px; background:#193b54; color:white; border:1px solid #52758c; cursor:pointer; font:inherit; }
.broadcast-reader .broadcast-masthead { font-size:15px; letter-spacing:0; padding-bottom:14px; }
.broadcast-reader .broadcast-masthead>span { font-size:11px; }
.broadcast-reader .broadcast-story { gap:24px; padding:24px 0; min-height:0; }
.broadcast-reader .broadcast-eyebrow { color:#ffa27f; font:700 12px/1.5 'DM Sans',sans-serif; }
body.mq-typography .broadcast-reader h2 { color:white; font:700 clamp(26px,4vw,46px)/1.05 'Barlow',sans-serif; margin:14px 0; letter-spacing:0; }
.broadcast-reader p { font:400 16px/1.65 'DM Sans',sans-serif; }
.broadcast-reader .broadcast-summary { color:#bcd1dc; }
.broadcast-reader .broadcast-reader-ticker { padding:16px; background:#122e43; }
.broadcast-story-link { color:#8be7f4; display:inline-block; padding:12px 0; }
.broadcast-source { display:block; margin-top:16px; color:#9ab2c3; font:400 12px/1.6 'DM Sans',sans-serif; }
@media(max-width:650px) { .broadcast-reader .broadcast-story { grid-template-columns:1fr; } .broadcast-reader .broadcast-masthead>span { display:none; } .broadcast-reader .broadcast-story img { max-height:250px; } }
@media(prefers-reduced-motion:reduce) { .broadcast-ticker-track { animation:none; } .office-art { transition:none; } }