/* Radio Jox content pages: landing, artist, articles, collections, headlines. Uses theme variables only. */
/* ---- landing pages (city, region, state, county, country, genre): quiet, roomy, progressive disclosure ---- */
.lp{max-width:1120px;margin-inline:auto;padding-bottom:var(--space-9,5rem)}
.lp-hero{margin:var(--space-4,1rem) 0 var(--space-7,3rem);max-width:46rem}
.lp-kicker{margin:0 0 .6rem;font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.lp-hero h1{margin:0 0 1.1rem;line-height:1.1;letter-spacing:-.015em}
.lp-lede{max-width:68ch;margin:0 0 1rem;font-size:1.12rem;line-height:1.7;color:var(--ink)}
.lp-read{max-width:68ch;margin:0 0 1.25rem}
.lp-read p{margin:.8rem 0 0;line-height:1.7;color:var(--ink)}
.lp-read summary,.lp-disclose summary,.lp-faq summary{cursor:pointer;list-style:none}
.lp-read summary::-webkit-details-marker,.lp-disclose summary::-webkit-details-marker,.lp-faq summary::-webkit-details-marker{display:none}
.lp-read summary{display:inline-block;font-weight:700;color:var(--primary);border-bottom:1px solid currentColor;padding-bottom:1px}
.lp-read__close,.lp-disclose__close{display:none}
.lp-read[open]>summary .lp-read__open,.lp-disclose[open]>summary .lp-disclose__open{display:none}
.lp-read[open]>summary .lp-read__close,.lp-disclose[open]>summary .lp-disclose__close{display:inline}
.lp-thin{font-size:.95rem;margin:1rem 0 0}
.lp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:1.25rem 0 0}
.lp-part{margin:0;color:var(--muted)}
.lp-part a{font-weight:700}
.lp-nums{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-5,1.5rem) var(--space-8,3.5rem);margin:0 0 var(--space-8,3.5rem);padding:var(--space-5,1.5rem) 0;border-block:1px solid var(--line-soft,var(--line))}
.lp-nums li{display:flex;flex-direction:column;gap:.2rem}
.lp-nums strong{font-size:var(--step-4,2.4rem);line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.lp-nums span{font-size:.9rem;color:var(--muted)}
.lp-sec{margin:0 0 var(--space-8,3.5rem)}
.lp-h{font-size:var(--step-2,1.45rem);margin:0 0 1.1rem;letter-spacing:-.01em}
.lp-note{margin:0 0 1.1rem;color:var(--muted);max-width:68ch}
.lp-dial{margin:0 0 1.25rem}
.lp-dial .chip strong{font-weight:800}
.lp-cards{margin:0}
.lp-disclose{margin:1.25rem 0 0}
.lp-disclose summary{display:inline-block;padding:.55rem 1.3rem;border:1px solid var(--line-strong);border-radius:999px;font-weight:700;background:var(--surface);color:var(--ink)}
.lp-disclose summary:hover{background:var(--primary-soft)}
.lp-disclose[open]>summary{margin-bottom:1.25rem}
.lp-disclose--chips{margin-top:.75rem}
.lp-chips{margin:0}
.lp-all{margin:1.25rem 0 0}
.lp-all a{font-weight:700}
.lp-now{list-style:none;margin:0;padding:0}
.lp-now li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1.5rem;padding:.85rem 0;border-bottom:1px solid var(--line-soft,var(--line))}
.lp-now li:first-child{border-top:1px solid var(--line-soft,var(--line))}
.lp-now__track{font-weight:700}
.lp-now__station{color:var(--muted)}
.lp-heard{margin:1rem 0 0;color:var(--muted);font-size:.95rem;max-width:68ch}
.lp-heard--solo{margin:0}
.lp-faq{max-width:46rem}
.lp-faq details{border-bottom:1px solid var(--line-soft,var(--line))}
.lp-faq details:first-of-type{border-top:1px solid var(--line-soft,var(--line))}
.lp-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:700}
.lp-faq summary::after{content:"+";font-weight:400;font-size:1.4rem;line-height:1;color:var(--muted)}
.lp-faq details[open]>summary::after{content:"\2212"}
.lp-faq details p{margin:0 0 1.1rem;line-height:1.7;max-width:68ch}
.lp-credit{font-size:.85rem;max-width:46rem}
.live-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:var(--live);margin-right:.35rem;vertical-align:middle}
.lp-tracks{margin:0;padding-left:1.4rem;display:grid;gap:.4rem}
.st-artists .chips{margin:0}
.lp-sub{margin:-.25rem 0 1.1rem}
.tabs.tabs--seg{display:inline-flex;gap:.25rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);margin:0 0 1.5rem;max-width:100%}
.tabs.tabs--seg .tabs__tab{border:0;background:transparent;padding:.55rem 1.15rem}
.tabs.tabs--seg .tabs__tab:hover{background:var(--primary-soft)}
.tabs.tabs--seg .tabs__tab[aria-selected="true"]{background:var(--primary);color:var(--primary-ink)}
.tabs__n{font-weight:600;opacity:.75;margin-left:.2rem}

/* weather: a quiet one-line pill */
.wx{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin:0;padding:.5rem 1.1rem;border-radius:999px;background:var(--brand-cream);border:1px solid var(--line);color:var(--brand-brown);font-size:.92rem}
.wx__icon{flex:none}
.wx__temp{font-weight:800;font-size:1.05rem}
.wx__desc{font-weight:600}
.wx__sep,.wx__place{color:var(--brand-brown);opacity:.8;font-weight:500}
.wx__range{opacity:.85}
.wx__credit{font-size:.75rem;color:var(--brand-brown);opacity:.75}

@media (max-width:640px){
  .lp-nums{gap:1.25rem 2rem}
  .lp-nums strong{font-size:var(--step-3,2rem)}
  .tabs.tabs--seg{display:flex;overflow-x:auto}
}

/* ---------- home modules, articles, collections, station of the day (content build 2026-10-27) ---------- */
.hm-sotd__body{display:grid;gap:1rem;max-width:34rem}
.hm-sotd__note{margin:0;color:var(--muted);line-height:1.6}
.hm-intro{max-width:46rem}
.hm-intro p{font-size:1.08rem;line-height:1.7;color:var(--muted);margin:0}
.sotd__card{max-width:34rem;margin-bottom:1.25rem}
.sotd-archive{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-width:46rem}
.sotd-archive li{display:flex;flex-wrap:wrap;gap:.2rem 1.25rem;align-items:baseline;padding:.75rem 1.1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}
.sotd-archive__day{font-weight:700;min-width:10.5rem}
.live-dot{animation:live-pulse 2.4s ease-in-out infinite}
@keyframes live-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
.np-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.np-list li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:.25rem 1.25rem;align-items:baseline;padding:.8rem 1.1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}
.np-list__track{font-weight:700;overflow-wrap:anywhere}
.np-list__by{color:var(--ink)}
.np-list__st{color:var(--muted);font-size:.95rem}
.np-note{margin-top:1rem;font-size:.9rem}
@media (max-width:760px){.np-list li{grid-template-columns:1fr}}
/* headlines tabs */
.tabs{display:flex;gap:.5rem;margin:0 0 1.1rem;flex-wrap:wrap}
.tabs__tab{font:inherit;font-weight:700;padding:.55rem 1.2rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}
.tabs__tab:hover{background:var(--primary-soft)}
.tabs__tab[aria-selected="true"]{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}
.hl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}
.hl{display:flex;gap:1rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--line-soft)}
.hl__title{font-weight:700;line-height:1.35;text-decoration:none;color:var(--ink)}
.hl__title:hover{text-decoration:underline}
.hl__meta{margin:.3rem 0 0;font-size:.85rem;color:var(--muted)}
@media (max-width:760px){.hl-list{grid-template-columns:1fr}}
/* articles */
.art-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem}
.art-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.35rem;display:flex;flex-direction:column}
.art-card h3{margin:.2rem 0 .6rem;font-size:1.15rem;line-height:1.3}
.art-card h3 a{text-decoration:none;color:var(--ink)}
.art-card h3 a:hover{text-decoration:underline}
.art-card p{margin:0 0 .6rem;color:var(--muted);line-height:1.6}
.art-card__cat{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)!important}
.art-card__meta{margin-top:auto!important;font-size:.85rem}
.art{max-width:46rem;margin-inline:auto}
.art__head h1{font-size:var(--step-4);line-height:1.15}
.art__by{color:var(--muted);font-size:.95rem;margin:0 0 2rem}
.art__body{font-size:1.1rem;line-height:1.8}
.art__body h2{font-size:1.5rem;margin:2.5rem 0 .9rem}
.art__body h3{font-size:1.2rem;margin:2rem 0 .6rem}
.art__body p,.art__body ul,.art__body ol{margin:0 0 1.2rem}
.art__body li{margin-bottom:.45rem}
.art__body blockquote{margin:1.5rem 0;padding:.25rem 1.25rem;border-left:4px solid var(--primary);color:var(--muted)}
.art__station{margin:1.25rem 0 1.75rem;max-width:34rem}

/* /tower region editor: county picker */
.chip-check { display: inline-block; margin: 0 var(--space-3) var(--space-2) 0; white-space: nowrap; }