/* Dive-site cards, season strips and the Dive Site Finder (tonight round). Mobile rules follow base rules. */
.sitecard{border:1px solid rgba(34,211,238,.22);border-radius:8px;background:rgba(7,21,38,.72);padding:26px 26px 22px;margin:28px 0;scroll-margin-top:96px}
.sitecard h3{margin:0 0 4px!important;font-size:clamp(1.35rem,2.6vw,1.75rem)}
.sitecard .sc-area{font-family:var(--fm);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#9cc4dc;margin:0 0 16px!important}
.sc-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:0 0 18px;padding:16px 0;border-top:1px solid rgba(34,211,238,.12);border-bottom:1px solid rgba(34,211,238,.12)}
.sc-specs div{min-width:0}
.sc-specs dt{font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#9cc4dc;margin-bottom:3px}
.sc-specs dd{margin:0;color:#fff;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.sc-specs .wide{grid-column:1/-1}
.sitecard p{font-size:.97rem}
.sc-lbl{font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#9cc4dc;display:block;margin:4px 0 8px}
.months,.wrap ul.months{display:grid;flex-direction:initial;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:0 0 8px;padding:0;list-style:none!important}
.months li{padding:0!important;text-align:center;font-family:var(--fm);font-size:.62rem;line-height:1;border-radius:3px;padding:8px 0!important;color:#030b16;font-weight:500}
.months li::before{content:none!important}
.months .g{background:#22d3ee}
.months .f{background:#e7c27a}
.months .p{background:#1d3550;color:#9cc4dc}
.mlegend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;color:#9cc4dc;margin:6px 0 0}
.mlegend span{display:inline-flex;align-items:center;gap:6px}
.mlegend i{display:inline-block;width:12px;height:12px;border-radius:2px}
.mlegend .g{background:#22d3ee}.mlegend .f{background:#e7c27a}.mlegend .p{background:#1d3550;border:1px solid #3c5d80}
.note-box{border-left:3px solid #f97316;background:rgba(249,115,22,.06);padding:16px 20px;border-radius:0 6px 6px 0;margin:26px 0}
.note-box p{margin:0!important}
.toc{border:1px solid rgba(34,211,238,.18);border-radius:8px;padding:18px 22px;margin:26px 0;background:rgba(7,21,38,.5)}
.toc ol{margin:8px 0 0!important;gap:6px!important}
.toc a{border-bottom:none!important}

/* ---------- Finder ---------- */
.finder{border:1px solid rgba(34,211,238,.3);border-radius:10px;background:linear-gradient(160deg,rgba(14,116,144,.14),rgba(7,21,38,.95));padding:26px;margin:10px 0 34px}
.finder fieldset{border:none;margin:0 0 18px;padding:0;min-width:0}
.finder legend{font-family:var(--fm);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#9cc4dc;margin-bottom:10px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid rgba(34,211,238,.32);border-radius:8px;color:#dbeafe;font-size:.9rem;background:rgba(3,11,22,.5)}
.chips input:checked+span{background:#22d3ee;color:#030b16;border-color:#22d3ee;font-weight:700}
.chips input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.finder select{width:100%;min-height:46px;background:#071526;color:#fff;border:1px solid rgba(34,211,238,.35);border-radius:8px;padding:10px 12px;font-size:1rem}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.fsum{font-family:var(--fm);font-size:.72rem;letter-spacing:.06em;color:#9cc4dc;margin:4px 0 0}
.fres{display:grid;gap:14px;margin-top:6px}
.fcard{border:1px solid rgba(34,211,238,.2);border-radius:8px;padding:18px 18px 14px;background:rgba(3,11,22,.6)}
.fcard h3{margin:0 0 4px!important;font-size:1.3rem}
.fcard .fmeta{font-family:var(--fm);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#9cc4dc;margin:0 0 10px!important}
.fcard p{font-size:.92rem;margin:0 0 10px!important}
.fbadge{display:inline-block;font-family:var(--fm);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:4px;margin:0 6px 6px 0}
.fbadge.g{background:#22d3ee;color:#030b16}
.fbadge.f{background:#e7c27a;color:#030b16}
.fbadge.m{background:#1d3550;color:#dbeafe;border:1px solid #3c5d80}
.fempty{border:1px dashed rgba(34,211,238,.3);border-radius:8px;padding:18px;color:#dbeafe}
@media(max-width:640px){
  .sitecard{padding:20px 16px 18px}
  .sc-specs{grid-template-columns:1fr}
  .months li{font-size:.56rem;padding:7px 0!important}
  .finder{padding:18px 14px}
  .fgrid{grid-template-columns:1fr}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.months li{position:relative}
.tbl.narrow{min-width:0}