/* Citysound NextGen 0.6 — unified visual and readability pass */
:root{--ink:#020a06;--surface:#061b13;--surface-2:#0a2b1f;--text:#f8fff8;--muted:#c9ddd1;--gold:#f6c83e;--orange:#ff9d2d;--lime:#baff39;--green:#13d879;--red:#f52b3a;--line:rgba(186,255,57,.22);--max:1320px}
html{background:var(--ink)}
body{background:radial-gradient(circle at 82% 0%,rgba(186,255,57,.09),transparent 36rem),linear-gradient(150deg,#010805,var(--ink) 48%,#001a10);color:var(--text);font-size:17px}
body p,body li{color:var(--muted)}
.site-header{border-bottom:1px solid rgba(186,255,57,.13);background:rgba(1,13,8,.92);box-shadow:0 10px 36px rgba(0,0,0,.18)}
.site-nav a{color:#eef8f1;font-size:.72rem}.site-nav a:hover,.member-link:hover{color:var(--lime)}
.header-listen,.button,.cookie-actions .primary,.dock-play{background:linear-gradient(105deg,var(--lime),var(--gold))}
.header-listen .pulse{background:var(--red)}
.section,.panel,.site-footer{width:min(var(--max),calc(100% - 42px))}
.section{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
.section-head h2,.advertise h2,.listen-anywhere h2{text-wrap:balance}
.section-head p,.prose-shell article,.article-body{font-size:1.06rem}
.on-air,.story,.show-card,.future-cards article,.partner-accordion,.shoutbox-preview,.birthday-form,.birthday-wall,.cs-login-card,.cs-account{border-color:var(--line);background-color:var(--surface)}
.story,.show-card,.future-cards article,.partner-accordion{box-shadow:0 18px 50px rgba(0,0,0,.2)}
.story:hover,.show-card:hover,.future-cards article:hover{border-color:rgba(186,255,57,.48)}
.kicker,.eyebrow,.story-meta,.text-link,.section-head>a{color:var(--gold)}
.button.ghost{border-color:var(--line);background:rgba(255,255,255,.035)}
.prose-shell{width:min(1100px,calc(100% - 42px))}.prose-shell article{max-width:920px}.prose-shell h1{text-wrap:balance}
.prose-shell h2{margin:2.2rem 0 .8rem;font-size:clamp(1.8rem,3vw,2.7rem)}.prose-shell h3{margin:1.7rem 0 .6rem;font-size:clamp(1.35rem,2.2vw,1.9rem)}
.prose-shell p,.prose-shell li{line-height:1.75}.prose-shell a:not(.button){color:var(--lime);text-decoration:underline}.prose-shell img{max-width:100%;height:auto;border-radius:18px}
.prose-shell table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.prose-shell th,.prose-shell td{padding:12px 14px;border:1px solid var(--line)}
input,select,textarea{max-width:100%}
.prose-shell input:not([type="checkbox"]):not([type="radio"]),.prose-shell select,.prose-shell textarea,.cs-login-card input,.cs-account input{min-height:52px;border:1px solid rgba(201,221,209,.27);border-radius:12px;background:#020d08;color:var(--text);font-size:1rem}
img,video,iframe,embed,object{max-width:100%}iframe,video{border-radius:16px}
.site-footer{border-color:var(--line)}.radio-dock{border-color:rgba(186,255,57,.24);background:rgba(3,22,15,.94)}.dock-share{border-color:rgba(19,216,121,.4)}
.live-badge{padding:5px 8px;border-radius:999px;background:var(--red);color:#fff}
@media(max-width:980px){.site-header{height:82px;grid-template-columns:132px 1fr auto}.brand,.brand img{width:130px;height:62px}.section,.panel,.site-footer,.prose-shell{width:min(100% - 28px,var(--max))}}
@media(max-width:760px){body{font-size:16px}.section{padding-top:65px;padding-bottom:65px}.site-header{padding-inline:14px}.header-listen{min-height:44px;padding:10px 13px}.prose-shell{padding-top:120px}.prose-shell h1{font-size:clamp(2.6rem,14vw,4.5rem)}.radio-dock{bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}