/* Road status card (web/js/roadstatus.js). Dark warm glass, matches tokens.css. */
.rs-card { background: var(--glass-soft, rgba(24,20,17,.86)); border: 1px solid var(--line, rgba(243,235,221,.16)); border-radius: 10px; padding: 14px 16px; color: #f3ebdd; font: 14px/1.45 var(--font-ui, system-ui, sans-serif); }
.pn-body > .rs-card { margin: 22px 22px 0; padding: 14px 16px; }   /* inset like the other panel sections, not edge to edge */
@media (max-width: 700px) { .pn-body > .rs-card { margin: 18px 16px 0; } }
.rs-title { margin: 0 0 8px; font-size: 15px; }
.rs-roads, .rs-advs { list-style: none; margin: 0; padding: 0; }
.rs-road { margin: 0 0 12px; }
.rs-name { margin: 0 0 4px; font-size: 14px; color: var(--accent, #e9a23b); }
.rs-adv { display: grid; gap: 3px; padding: 6px 0; border-top: 1px solid var(--line, rgba(243,235,221,.16)); }
.rs-adv.is-stale { opacity: .85; }
.rs-chip { justify-self: start; padding: 2px 8px; border-radius: 999px; color: #15120f; font-weight: 600; font-size: 12px; }
.rs-date { font-size: 12px; color: #c9bfae; }
.rs-text { margin: 0; }
.rs-src { font-size: 12px; color: var(--accent, #e9a23b); text-decoration: underline; justify-self: start; }
.rs-none { margin: 0; font-size: 13px; color: #c9bfae; }
.rs-foot { margin: 10px 0 0; font-size: 12px; color: #c9bfae; border-top: 1px solid var(--line, rgba(243,235,221,.16)); padding-top: 8px; }
.rs-season { margin: 0 0 6px; font-size: 13px; color: #d9cfbd; }