/* Vitrine particulier — preuvemeteo.fr : bleu nuit, rassurant */
:root {
    --ink: #13233a;
    --accent: #1d5fd1;
    --accent-ink: #ffffff;
    --accent-soft: #e8f0fc;
    --bg-soft: #f3f6fa;
}

.search-box { margin-top: 1.75rem; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 1.25rem; box-shadow: var(--shadow); max-width: 46rem; }
.search-box .row { display: grid; gap: 1rem; }
@media (min-width: 720px) { .search-box .row { grid-template-columns: 2fr 1fr auto; align-items: end; } }

/* Cartes de stations (communes, épisodes) */
#map { height: 380px; border-radius: var(--radius); border: 1px solid var(--line); }
.pin { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font: 700 10px system-ui; color: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3); }
.pin-place { background: #13233a; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.35); }
.chips { display: flex; flex-wrap: wrap; gap: .4rem .5rem; padding: 0; list-style: none; }
.chips a { display: inline-block; padding: .3rem .7rem; border: 1px solid var(--line); border-radius: 999px; background: #fff; text-decoration: none; font-size: .9rem; }
.cols { columns: 16rem; column-gap: 2rem; padding: 0; list-style: none; }
.cols li { break-inside: avoid; padding: .15rem 0; }
.legend-dots span { display: inline-flex; align-items: center; gap: .35rem; margin-right: 1rem; font-size: .85rem; color: var(--ink-soft); }
.legend-dots i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }