*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:#081322;color:#f4f7fc;font:16px/1.55 system-ui,sans-serif;padding-bottom:105px}a{color:inherit}button{font:inherit;cursor:pointer;border:1px solid #536780;border-radius:7px;background:#172940;color:#fff;padding:.65rem .85rem;font-weight:650}button:focus-visible,a:focus-visible{outline:3px solid #ffcf50;outline-offset:4px}header,footer{padding:1.2rem max(5vw,1rem);display:flex;justify-content:space-between;border-bottom:1px solid #25384d}.network{font-weight:900;text-decoration:none}.network span,small{font-size:.75rem;color:#b9c9dc}nav{display:flex;gap:1rem}nav a{text-decoration:none}main{max-width:1240px;margin:auto;padding:0 max(4vw,1rem)}.hero{min-height:380px;padding:clamp(2rem,6vw,5rem) 0;display:grid;grid-template-columns:1fr minmax(200px,260px);gap:2rem;align-items:end;background:radial-gradient(ellipse at 75% 35%,#172e47 0,transparent 70%)}.eyebrow,.desk{color:#ffcf50;letter-spacing:.12em;font-size:.75rem;font-weight:800}.dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#ff575e;margin-right:.4rem}.hero h1{font-size:clamp(2.6rem,7vw,5.8rem);letter-spacing:-.07em;line-height:1;margin:.45rem 0}.dek{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;margin:.7rem 0}.primary{background:#ffcf50;color:#101a27;border:none;margin-top:1rem;padding:.9rem 1.3rem}.clock,.grid section{background:#101f32;border:1px solid #30455d;border-radius:10px;padding:1.25rem}.clock strong{font:700 3rem ui-monospace,monospace}.clock p:last-child{font-size:.9rem}.desk{display:flex;justify-content:space-between;border-top:1px solid #30455d;padding:1.1rem 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid h2{line-height:1.16}.alert{color:#ff868a}#resources{padding:2rem 0}.links{display:flex;flex-wrap:wrap;gap:.8rem}.links a{border:1px solid #52667d;border-radius:7px;padding:.65rem .9rem;text-decoration:none}.player{position:fixed;bottom:0;left:0;right:0;background:#10243a;border-top:1px solid #52667d;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.85rem max(4vw,1rem)}.player small{display:block}.player audio{width:min(60%,600px);height:45px}#brand-art img{max-width:100%;height:auto}@media(max-width:680px){header{flex-wrap:wrap;gap:.5rem}.hero,.grid{grid-template-columns:1fr}.hero{gap:1rem}.clock{padding:.8rem}.desk{gap:1rem}.player{flex-direction:column;align-items:stretch;gap:.35rem}.player audio{width:100%}body{padding-bottom:130px}}
.banner{width:100%;height:auto;display:block;border:1px solid #30455d;border-radius:10px}.network,.now{display:flex;align-items:center;gap:.6rem}.network img,.now img{width:42px;height:42px;border-radius:8px}.hero{align-items:center;padding:clamp(1.2rem,4vw,3rem) 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
nav{flex-wrap:wrap;gap:.5rem 1rem}nav a{font-size:.82rem;font-weight:750}.clock strong{font-variant-numeric:tabular-nums}.desk-section{padding:1.25rem 0;border-bottom:1px solid #30455d}summary{cursor:pointer}summary:focus-visible{outline:3px solid #ffcf50;outline-offset:4px}

/* Broadcast desk refinement */
.grid section { border-top: 3px solid #ffcf50; }
.grid .eyebrow, #news .eyebrow, #resources .eyebrow {
  margin-top: 0;
  padding-bottom: .65rem;
  border-bottom: 1px solid #30455d;
}
.grid h2, #news h2 { margin: .8rem 0 .45rem; }
.approach { margin: 0; color: #c9d8ea; font-weight: 700; }
#breaking { border-top-color: #ff575e; }
#breaking .eyebrow { border-bottom-color: #ff575e; }
#breaking-play { border-color: #ff868a; }
.forecast { display: flex; align-items: center; gap: .75rem; margin-top: .85rem; }
.forecast svg { width: 2.5rem; color: #b9c9dc; flex: none; }
.forecast strong { display: block; font-size: 2rem; line-height: 1; }
.forecast span { display: block; margin-top: .3rem; color: #b9c9dc; font-size: .8rem; }
#news { margin-top: 1.25rem; padding: 1rem 1.25rem; border: 1px solid #30455d; border-left: 3px solid #ffcf50; border-radius: 8px; background: #101f32; }
#news p { margin: .35rem 0; }
.links a { display: inline-flex; align-items: center; min-height: 44px; background: #172940; border-left: 3px solid #ffcf50; font-weight: 650; }
.links a:hover { background: #223951; }
@media(max-width: 680px) { .links a { width: 100%; } }
#feedback {margin-bottom:2rem} #listener-notes {display:block;width:min(100%,45rem);font:inherit;background:#101f32;color:inherit;border:1px solid #536780;border-radius:7px;padding:.65rem;resize:vertical} #listener-notes:focus-visible{outline:3px solid #ffcf50;outline-offset:4px}
body { padding-bottom: 0; }