/* sea-temperature/sst.css — the sea-temperature/<beach> water temperature pages and hubs (bin/build-sst-pages.cjs), on top of layers/pages.css */
.sk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0 8px}
.sk-tile{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;gap:2px}
.sk-tile span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.sk-tile b{font-size:28px;line-height:1.15;font-variant-numeric:tabular-nums}.sk-tile b i{font-style:normal;font-size:15px;font-weight:500}.sk-tile small{color:var(--muted)}
.st-t{color:#fff!important}.st-t span,.st-t small{color:rgba(255,255,255,.82)!important}
.st-t.st-w5{background:linear-gradient(135deg,#1b2a6b,#2f4fa8)}.st-t.st-w43{background:linear-gradient(135deg,#124a7a,#1f78b4)}.st-t.st-w32{background:linear-gradient(135deg,#0f5e66,#1f9a9a)}
.st-t.st-shorty{background:linear-gradient(135deg,#2c6e3c,#5aa83f)}.st-t.st-none{background:linear-gradient(135deg,#a3440e,#e07b1f)}
.st-warm{background:#fff0e0}.st-cold{background:#e3f0fb}.st-suit{background:#eef6f4}
.st-say{font-weight:600;margin:8px 0}
.st-tab td{font-variant-numeric:tabular-nums}.st-tab td:not(:last-child){white-space:nowrap}
.st-bars{display:grid;gap:4px;margin:12px 0 4px}.st-bars div{display:grid;grid-template-columns:96px 1fr 70px;align-items:center;gap:8px;font-size:13.5px}
.st-bars span{color:var(--muted);white-space:nowrap}.st-bars b{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.st-bars .st-cur span,.st-bars .st-cur b{color:inherit;font-weight:700}
.st-bars i{display:block;height:12px;min-width:2px;border-radius:6px}
.st-bars i.st-w5{background:#2f4fa8}.st-bars i.st-w43{background:#1f78b4}.st-bars i.st-w32{background:#1f9a9a}.st-bars i.st-shorty{background:#5aa83f}.st-bars i.st-none{background:#e07b1f}
.st-suits td:first-child{white-space:nowrap}.st-suits i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.st-suits i.st-w5{background:#2f4fa8}.st-suits i.st-w43{background:#1f78b4}.st-suits i.st-w32{background:#1f9a9a}.st-suits i.st-shorty{background:#5aa83f}.st-suits i.st-none{background:#e07b1f}
.sk-map{width:100%;height:360px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.sk-hub h2{margin-top:26px}
.dr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dr-t{width:100%;border-collapse:collapse;font-size:14px}.dr-t th,.dr-t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.dr-t th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.dr-t td:first-child{white-space:nowrap}
.dr-stamp{font-size:13px;color:var(--muted);margin:4px 0 0}
.dr-pro{margin:26px 0;padding:18px 20px;border-radius:14px;background:var(--bg2);border:1px solid var(--line)}.dr-pro h2{margin-top:0}.dr-pro p{margin:8px 0}
.dr-faq dt{font-weight:600;margin-top:14px}.dr-faq dd{margin:4px 0 0}
.dr-q{width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px;border:1px solid var(--line2);border-radius:10px;margin:10px 0}
.dr-cities{list-style:none;padding:0;margin:8px 0;columns:3 180px;column-gap:20px}.dr-cities li{break-inside:avoid;padding:3px 0}.dr-cities small{color:var(--muted)}
@media (max-width:560px){.dr-t{font-size:13.5px}.dr-t th,.dr-t td{padding:6px 5px}.sk-tile b{font-size:24px}.sk-map{height:300px}.st-bars div{grid-template-columns:84px 1fr 62px}}