@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800;900&family=Roboto:wght@400;500;700&display=swap');
:root{--navy:#11182c;--ink:#18203c;--red:#d72c58;--gold:#ffd34f;--teal:#13d8e0}*{box-sizing:border-box}body{margin:0;font-family:Roboto,Arial,sans-serif;color:#20263b;background:#17112c;background-image:radial-gradient(ellipse at 5% 8%,#ef276a88,transparent 33%),radial-gradient(ellipse at 90% 12%,#e9b52b88,transparent 32%),radial-gradient(ellipse at 4% 78%,#22b2d588,transparent 35%),radial-gradient(ellipse at 94% 85%,#8734d488,transparent 30%),linear-gradient(133deg,#3a0f59,#101d40 40%,#422163 70%,#19384e);background-attachment:fixed}a{color:#154c9b}button{cursor:pointer}.shell{max-width:1250px;margin:auto;background:#f4f4f7;box-shadow:0 15px 65px #0008;min-height:100vh}.utility{background:#081126;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:9px 22px;gap:10px;font-size:13px;font-weight:700}.utility a{color:#fff;text-decoration:none}.masthead{background:#1b1238}.masthead img{display:block;width:100%;max-height:390px;object-fit:cover}.nav{background:#10162b;display:flex;flex-wrap:wrap;align-items:center;padding:0 16px;box-shadow:0 3px 0 #ff3f88}.nav a{color:#fff;padding:17px 16px;text-decoration:none;font:700 19px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase}.nav a:hover,.nav .active{background:#322e55}.nav a.donate{background:#e41b65;color:white;margin-left:auto}.stripe{height:9px;background:linear-gradient(90deg,#e12979,#ffca21,#43dce7,#614ae9,#eb3971)}.body{padding:23px}.layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(290px,1fr);gap:22px}.stack{display:grid;gap:20px;align-content:start}.module{background:#fff;border:1px solid #d7dce4;box-shadow:0 3px 13px #18254813}.module h2{margin:0;padding:12px 17px;background:#19233e;color:#fff;font:800 25px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px;border-left:7px solid #f4be33}.inside{padding:18px}.inside p{line-height:1.6}.spotlight{background:linear-gradient(105deg,#18112e,#252d56);color:white;min-height:260px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:15px;padding:28px;overflow:hidden}.spotlight h1{font:900 clamp(35px,4vw,57px)/.99 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 12px}.spotlight p{line-height:1.5}.spotlight .art{font:900 115px 'Barlow Condensed';text-align:center;transform:rotate(-10deg);color:#fff;text-shadow:5px 5px #f42c7b,-5px -4px #13c9ef}.eyebrow{color:#ffd54b;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:13px}.cta{background:#e72b72;color:#fff;border:0;padding:13px 22px;font:800 20px 'Barlow Condensed',sans-serif;text-transform:uppercase;text-decoration:none;display:inline-block;cursor:pointer}.cta:hover{background:#b81353}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini>div{background:#fff;border-top:5px solid #e93182;padding:17px;font-size:14px;line-height:1.5}.mini strong{font:800 21px 'Barlow Condensed';display:block;color:#18213c}.schedule-list{padding:0;margin:0;list-style:none}.schedule-list li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #ddd;padding:12px 0;line-height:1.35}.schedule-list b{color:#192444}.schedule-list time{white-space:nowrap;font-weight:700;color:#9b285b}.history{display:block;width:100%;height:350px;border:1px solid #dce0e8;background:#fff}.sidebar-history{height:420px}.actionline{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.actionline a{font-size:13px;font-weight:700}.newsbox{background:#f3f5f9;border-left:5px solid #de3678;padding:18px}.weather-temp{font:900 54px 'Barlow Condensed';color:#26385a}.facebook{background:#eef2f9;padding:20px}.footer{background:#10182d;color:#dfe6f5;padding:26px;display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between}.footer a{color:#fff}.footer strong{display:block;color:white;font:800 25px 'Barlow Condensed';margin-bottom:10px}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.donate-banner{background:#f8d341;padding:20px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;color:#1e2240}.donate-banner strong{font:900 26px 'Barlow Condensed'}.page-intro{padding:25px;background:#1f294b;color:white}.page-intro h1{font:900 43px 'Barlow Condensed';text-transform:uppercase;margin:0}.daytabs{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.daytabs button{padding:10px 17px;border:1px solid #cbd2df;background:#fff;font-weight:700}.daytabs button.active{background:#203054;color:#fff}.daylist{display:none}.daylist.active{display:block}.note{font-size:13px;color:#65718c}iframe{max-width:100%}@media(max-width:800px){.layout{grid-template-columns:1fr}.masthead img{max-height:none}.spotlight{grid-template-columns:1fr}.spotlight .art{display:none}.mini{grid-template-columns:1fr}.nav a{padding:12px 10px;font-size:16px}.body{padding:13px}.utility{flex-wrap:wrap}.nav a.donate{margin-left:0}}
/* Compact masthead: real brand artwork, no oversized promo billboard */
.masthead{height:228px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 80%,#ef2579 0%,transparent 50%),radial-gradient(ellipse at 88% 15%,#25c5e8 0%,transparent 60%),linear-gradient(110deg,#3a1256,#142e65 55%,#351247)}
.masthead img{width:auto;max-width:100%;height:100%;max-height:228px;object-fit:contain;object-position:center;display:block}
@media(max-width:800px){.masthead{height:145px}.masthead img{height:100%;max-height:145px;width:auto;max-width:100%;object-fit:contain}}
@media(max-width:480px){.masthead{height:112px}.masthead img{max-height:112px}}

/* Restore the original station artwork, not a replacement masthead. */
body{background:#2a0b50 url('river-tiedye-texture.jpg') center center/cover fixed no-repeat;}
.masthead{height:auto;max-height:240px;background:#180d37;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.masthead a{display:block;width:100%;text-align:center;}
.masthead img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;object-position:center;}
@media(max-width:800px){.masthead{height:auto;max-height:180px}.masthead img{height:auto;max-height:180px;width:100%;}}
@media(max-width:480px){.masthead{height:auto;max-height:130px}.masthead img{height:auto;max-height:130px;}}

.facebook-feed{display:block;width:100%;height:600px;max-width:100%;background:#fff;border:0}.main-history{height:460px}.sidebar-history{display:none}

/* Balanced, full-width masthead, preserving the original image aspect ratio. */
.masthead{height:auto;max-height:none;overflow:hidden;background:#180d37}
.masthead a{display:block;width:100%}
.masthead img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain}
@media(max-width:800px){.masthead{max-height:none}.masthead img{max-height:230px;width:100%;height:auto}}
@media(max-width:480px){.masthead{max-height:none}.masthead img{max-height:170px;width:100%;height:auto}}
.tgs-logo{display:block;width:min(100%,500px);height:auto;margin:0 auto 18px}
.tgs-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tgs-story{display:block;color:#162441;text-decoration:none;border:1px solid #ddd;background:#fff;font-weight:800;line-height:1.35}
.tgs-story img{display:block;width:100%;height:135px;object-fit:contain;background:#f3f3f3}
.tgs-story span{display:block;padding:10px}
@media(max-width:650px){.tgs-story-grid{grid-template-columns:1fr}.tgs-story img{height:200px}}

/* Masthead layout correction: banner fills viewport edge to edge and sits at the very top. */
.shell{max-width:1250px}
.masthead{position:relative;left:50%;width:100vw;max-width:none;transform:translateX(-50%);height:clamp(210px,26vw,375px);min-height:0;max-height:none;overflow:hidden;display:block;margin:0;background:#180d37}
.masthead a{display:block;width:100%;height:100%;margin:0}
.masthead img{display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center center}
@media(max-width:800px){.masthead{height:clamp(180px,32vw,280px);max-height:none}.masthead img{height:100%;max-height:none;object-fit:cover}}
@media(max-width:480px){.masthead{height:180px;max-height:none}.masthead img{height:100%;max-height:none;object-fit:cover}}

/* Single compact Recently Played sidebar block; no site-in-site iframe. */
.compact-history .inside{padding:12px 14px}.history-link{display:block;font-size:14px;font-weight:700;line-height:1.4}.compact-history h2{font-size:21px}

/* Definitive station masthead: full viewport width, fixed modest height, authentic artwork. */
html,body{overflow-x:hidden}
.masthead{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;height:205px!important;max-height:205px!important;min-height:0!important;display:block!important;overflow:hidden!important;margin:0!important;background:#1c133f!important}
.masthead a{display:block!important;height:100%!important;width:100%!important}
.masthead img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 50%!important}
.spotlight{grid-template-columns:1fr!important;min-height:0!important;padding:28px 34px!important}
.spotlight .art{display:none!important}
@media(max-width:800px){.masthead{height:155px!important;max-height:155px!important}}
@media(max-width:480px){.masthead{height:115px!important;max-height:115px!important}}


/* Final masthead rules: original full image, zero cropping and no forced height. */
.masthead{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#1b1238!important}
.masthead a{display:block!important;height:auto!important;width:100%!important}
.masthead img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:800px){.masthead,.masthead img{height:auto!important;max-height:none!important}}
.popup-small{border:0;background:#e72b72;color:#fff;padding:7px 10px;font-weight:700;margin-top:7px;cursor:pointer}

/* Banner size repair: visible entire artwork, limited masthead height. */
.masthead{height:248px!important;max-height:248px!important;min-height:0!important;overflow:hidden!important;background:#170b38 url("river-tiedye-texture.jpg") center/cover no-repeat!important}
.masthead a{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.masthead img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:800px){.masthead{height:175px!important;max-height:175px!important}}
@media(max-width:480px){.masthead{height:118px!important;max-height:118px!important}}

/* User-supplied EXACT tie-dye image. Main site shows it rather than white boxes. */
html{background:#201247 url("river-exact-tiedye.jpg") center top / cover fixed no-repeat!important;}
body{background:transparent url("river-exact-tiedye.jpg") center top / cover fixed no-repeat!important;color:#fff!important;}
.shell{background:transparent!important;box-shadow:none!important;}
.body{background:transparent!important;}
.layout,.stack{background:transparent!important;}
.module,.mini>div,.newsbox,.facebook,.donate-banner,.page-intro{background:rgba(17,16,43,.73)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important;box-shadow:0 5px 22px #0005!important;backdrop-filter:blur(3px);}
.module .inside,.tgs-module .inside{background:transparent!important;color:#fff!important;}
.module h2{background:rgba(11,15,37,.86)!important;color:#fff!important;}
.module p,.module li,.module span,.module strong,.mini strong,.schedule-list b,.schedule-list time,.page-intro h1,.donate-banner strong{color:#fff!important;}
.module a,.mini a,.donate-banner a:not(.cta),.page-intro a,.inside a:not(.cta){color:#ffe15a!important;}
.spotlight{background:rgba(15,12,42,.77)!important;backdrop-filter:blur(2px);}
.tgs-story{background:rgba(17,16,43,.86)!important;color:white!important;border-color:#ffffff55!important;}
.tgs-story span{color:#fff!important;}
.tgs-logo{background:rgba(255,255,255,.90);padding:8px;border-radius:3px;}
.note{color:#ece7ff!important;}
.daytabs button{background:rgba(12,11,36,.88)!important;color:#fff!important;}
.daytabs button.active{background:#c52670!important;}
@media(max-width:720px){html,body{background-attachment:scroll!important;background-size:auto 100vh!important;}}

/* Exact user-provided compact OnlineRadioBox player in right sidebar only */
.compact-history .orb-widget-wrap{width:100%;max-width:100%;overflow:hidden;}
.compact-history .orb-widget-wrap .orbP{width:100%!important;max-width:100%!important;}
.compact-history{min-width:0;}

/* Definitive header repair: full-width, neither tiny nor enormous.
   Entire original banner is shown with no cropping or exposed backing. */
.masthead{
 position:relative!important; left:50%!important;
 transform:translateX(-50%)!important; width:100vw!important;
 height:clamp(190px,23vw,320px)!important;
 max-height:320px!important; min-height:0!important;
 padding:0!important; margin:0!important; overflow:hidden!important;
 background:#1b1238 url("river-exact-tiedye.jpg") center/cover no-repeat!important;
 display:block!important;
}
.masthead a{display:block!important;width:100%!important;height:100%!important}
.masthead img{
 display:block!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:fill!important;object-position:center!important;
}
@media(max-width:650px){
 .masthead{height:clamp(125px,28vw,190px)!important;max-height:190px!important}
}
/* Highly readable weather temperature, including translucent backgrounds */
.weather-temp{color:#ffed70!important;text-shadow:0 2px 6px #08091b,0 0 1px #08091b!important}

/* Banner: retain real artwork proportions; no crop and no stretching. */
.masthead{width:100vw!important; height:clamp(190px,22vw,320px)!important;max-height:320px!important;overflow:hidden!important; background:#231443 url("river-exact-tiedye.jpg") center center/cover no-repeat!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.masthead a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;}
.masthead img{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;}
@media(max-width:650px){.masthead{height:clamp(130px,29vw,190px)!important}.masthead img{height:auto!important;width:100%!important;max-height:100%!important;}}

/* Shared, uninterrupted wallpaper across the header and the page. */
html{background:#201247 url("river-exact-tiedye.jpg") center top / cover fixed no-repeat!important;}
body{background:transparent!important;background-image:none!important;}
.masthead{background:transparent!important;background-image:none!important;}
.shell,.body,.layout,.stack{background-color:transparent!important;background-image:none!important;}
@media(max-width:720px){html{background-attachment:scroll!important;background-size:cover!important;}body{background:transparent!important;}}

.coverage-map{margin:0 0 15px}.coverage-map img{display:block;width:100%;max-width:100%;height:auto;border-radius:6px;border:1px solid rgba(255,255,255,.3)}.coverage-map figcaption{font-size:13px;line-height:1.5;margin-top:9px;opacity:.9}.module .inside p{line-height:1.65}

.underwriting-list{padding-left:22px;line-height:1.8}.underwriting-list li{margin:10px 0}.underwriting-example{margin:20px 0;padding:16px 19px;background:rgba(7,11,30,.55);color:#fff;border-left:4px solid #ffdc45;line-height:1.65}
