/* tides/tides.css — the tides/<place> tide times pages and hubs (bin/build-tides-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 small{color:var(--muted)}
.td-lv{background:linear-gradient(135deg,#123247,#1f5878)!important;color:#eef8ff}.td-lv span,.td-lv small{color:#b7d7ea!important}
.td-hi{background:#dcefff}.td-lo{background:#f6eedc}
.td-say{font-weight:600;margin:8px 0}
.td-curve{display:block;width:100%;height:120px;margin:10px 0 4px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.td-mid{stroke:var(--line2);stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.td-nowl{stroke:#0f172a;stroke-opacity:.55;vector-effect:non-scaling-stroke}
.td-t td{font-variant-numeric:tabular-nums}.td-t tr.td-high td:nth-child(2){color:#1f5878;font-weight:600}.td-t tr.td-low td:nth-child(2){color:#8a6420;font-weight:600}
.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}}