/* surf/surf.css — the surf/<spot> pages and hubs (bin/build-surf-pages.cjs), on top of layers/pages.css. */
.sk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,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;min-width:0}
.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)}
.sf-ar{display:inline-block;font-style:normal;margin-right:3px;line-height:1}
.sf-none{padding:12px 14px;border-radius:12px;border:1px dashed var(--line2);background:var(--bg2)}
.sf-say{margin:8px 0}.sf-day h3{margin:22px 0 4px;font-size:17px}.sf-day-v{margin:4px 0 8px}
.sf-v{display:inline-block;padding:1px 8px;border-radius:6px;font-weight:600;margin-right:4px}
.sf-flat{background:#9aa5b1;color:#14181d}.sf-small{background:#8fd3e8;color:#06232c}.sf-fun{background:#3fb6a8;color:#04201c}.sf-good{background:#1f8bd6;color:#fff}.sf-big{background:#7b3fc4;color:#fff}
.sf-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;padding:0}
.sf-w{font-size:12px;padding:0 5px;border-radius:5px;white-space:nowrap}.sf-off{background:rgba(46,160,67,.2)}.sf-cross{background:rgba(210,153,34,.22)}.sf-on{background:rgba(218,54,51,.2)}.sf-light{background:rgba(46,160,67,.12)}
.sf-t td{white-space:nowrap;font-variant-numeric:tabular-nums}
.sf-leg{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.sf-pk{display:inline-block;padding:0 5px;border-radius:5px;font-size:11px;font-weight:600;margin-left:4px}
.sf-r h3{font-size:14px;color:var(--muted);margin:12px 0 2px;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}.dr-t small{color:var(--muted)}
.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:4px 0;columns:3 180px;column-gap:20px}.dr-cities li{break-inside:avoid;padding:3px 0}
@media (max-width:560px){.dr-t{font-size:13px}.dr-t th,.dr-t td{padding:6px 5px}.sk-tile b{font-size:24px}.sk-map{height:300px}}