.obs-browser .studio{--broadcast-accent:#55dce7;background:#071321}
.obs-browser .studio-header{background:#071321;border-bottom:1px solid #254050;padding:0 3%;gap:20px}
.obs-browser .studio-brand small{color:#9eb2c5;letter-spacing:1.5px}
.obs-browser .studio-clock strong{font-variant-numeric:tabular-nums;letter-spacing:1px}
.obs-browser .stage{min-height:0}
.obs-browser .visual-stage{background:#0a192b}
.obs-browser .media-placeholder{background:radial-gradient(ellipse at 80% 25%,#184858 0,transparent 55%),linear-gradient(140deg,#0c2035,#071321)}
.obs-browser .media-placeholder::after{content:"";position:absolute;right:5%;top:12%;width:36%;height:70%;border:1px solid #70dbe52a;border-radius:50%;box-shadow:0 0 0 40px #70dbe509,0 0 0 80px #70dbe506;transform:rotate(-25deg)}
.obs-browser .media-placeholder span{position:absolute;right:6%;top:15%;font-size:clamp(24px,4vw,70px);letter-spacing:8px;color:#7fdde338}
.obs-browser .headline{left:4%;bottom:8%;width:78%;max-width:1240px;padding:26px 30px;border-left:5px solid var(--broadcast-accent);background:linear-gradient(90deg,#06111ff2,#06111fc9 75%,#06111f30);text-shadow:0 2px 12px #0006}
.obs-browser .headline h1{font-size:clamp(30px,4.1vw,72px);line-height:1.1;letter-spacing:-1px;margin:16px 0;max-width:1100px;text-wrap:balance}
.obs-browser .headline>span{padding:7px 12px;background:#123e50;color:#a8f4f6;letter-spacing:2px}
.obs-browser .headline p{font-size:clamp(16px,1.6vw,27px);line-height:1.5;color:#d8e3ee;max-width:1040px}
.obs-browser .text-only-slide .headline{bottom:auto;top:50%;transform:translateY(-50%);width:82%;background:linear-gradient(90deg,#0a1b2de8,#0a1b2d80);padding:32px 38px}
.broadcast-source{margin-top:18px;color:#93aabe;font-size:clamp(11px,1vw,17px);letter-spacing:.5px}
.obs-browser footer{background:#0b2032;color:#edf8ff;border-top:1px solid #29475b}
.obs-browser .ticker-label{background:#146175;padding:0 28px;letter-spacing:1.5px}
.obs-browser .ticker{font-size:clamp(16px,1.4vw,24px);font-weight:600}
.obs-browser .breaking{background:#b51832;box-shadow:none}
.obs-browser .studio-item-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(max-width:700px){
 .obs-browser .studio-brand small{display:none}
 .obs-browser .studio-brand b{font-size:12px}
 .obs-browser .headline,.obs-browser .text-only-slide .headline{left:5%;width:90%;box-sizing:border-box;padding:20px 18px;border-left-width:3px}
 .obs-browser .headline h1{font-size:clamp(25px,6.3vw,40px);line-height:1.15;letter-spacing:-.5px}
 .obs-browser .headline p{font-size:15px;line-height:1.45;-webkit-line-clamp:3}
 .obs-browser .headline>span{font-size:10px;letter-spacing:1px}
 .obs-browser .media-placeholder span{top:9%;font-size:30px}
 .obs-browser .ticker-label{font-size:13px;padding:0 15px}
 .obs-browser .broadcast-source{margin-top:12px;font-size:11px}
 .obs-browser .studio-item-time{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.obs-browser .ticker{animation:none;position:relative}.obs-browser *{transition:none!important}}
.national-weather{position:absolute;inset:0;padding:3% 4%;background:radial-gradient(ellipse at 25% 45%,#184e69,#08192e 65%);color:#fff;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.national-weather.hidden{display:none}
.national-ready> :not(.national-weather){display:none!important}
.national-weather header{display:flex;justify-content:space-between;align-items:center;gap:15px}
.national-weather header small{color:#67e4eb;font-size:11px;letter-spacing:2px}
.national-weather h2{font-size:clamp(24px,3vw,48px);margin:8px 0}
.national-weather header p{color:#b6cddf;margin:0}
.weather-day-switch{display:flex;gap:7px}
.weather-day-switch button{border:1px solid #4c8299;border-radius:20px;background:#102a40;color:#cde2ee;padding:10px 18px;font:inherit;cursor:pointer}
.weather-day-switch button[aria-pressed=true]{background:#66e0e8;color:#071d2c;border-color:#66e0e8}
.national-weather-content{display:grid;grid-template-columns:1fr 1fr;gap:3%;min-height:0}
.national-weather-map{min-height:0;text-align:center}
.national-weather-map svg{height:100%;max-width:100%;overflow:visible}
.national-weather-map path{fill:#22647c;stroke:#8dd9e5;stroke-width:1}
.national-weather-map svg>g{display:none}
.national-weather-map .forecast-marker{fill:white;font:bold 18px Arial;paint-order:stroke;stroke:#102a40;stroke-width:3;stroke-linejoin:round}
.national-weather-regions{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:7px;min-height:0}
.national-weather-regions article{display:grid;grid-template-columns:24px 1fr auto;gap:1px 8px;align-items:center;padding:5px 10px;background:#102e45;border:1px solid #356079;border-radius:9px;min-height:0}
.national-weather-regions article span{font-size:21px;color:#f9dc89}
.national-weather-regions article b{font-size:clamp(11px,1vw,18px)}
.national-weather-regions article strong{font-size:21px}
.national-weather-regions article small{grid-column:2/4;color:#accbdc;font-size:10px}
.national-weather-note{font-size:11px;color:#96b5cb;margin:0}
@media(max-width:700px){.national-weather{padding:18px}.national-weather header{align-items:flex-start}.national-weather header small{font-size:8px;letter-spacing:1px}.national-weather h2{font-size:23px}.national-weather header p{font-size:11px}.weather-day-switch{flex-direction:column}.weather-day-switch button{padding:6px 12px;font-size:11px}.national-weather-content{grid-template-columns:1fr;height:calc(100% - 110px);margin-top:5px}.national-weather-regions{display:none}.national-weather-note{font-size:9px}.national-weather-map .forecast-marker{font-size:22px}}
.national-weather-content{height:auto}
.obs-browser .studio-connection.compact{top:80px;bottom:auto;left:auto;right:3%;transform:none;width:auto;max-width:420px;padding:10px 15px;text-align:left;border-width:1px}
.obs-browser .studio-connection.compact b{font-size:13px}
.obs-browser .studio-connection.compact p{font-size:12px;margin:5px 0}
.obs-browser .studio-connection.compact small{display:none}