.popups-hub{max-width:1000px;margin:0 auto;padding:28px 24px 64px}@media (max-width:640px){.popups-hub{padding:20px 16px 48px}}.popups-hub .popups-hub-h1{letter-spacing:-.02em;color:var(--foreground);margin:0 0 8px;font-size:30px;font-weight:800}@media (max-width:640px){.popups-hub .popups-hub-h1{font-size:24px}}.popups-hub .popups-hub-intro{color:var(--text-secondary);max-width:64ch;margin:0 0 28px;font-size:16px}.popups-hub .popups-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:768px){.popups-hub .popups-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.popups-hub .popups-hub-grid{grid-template-columns:1fr}}.popups-hub .popups-hub-city{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;padding:14px 16px;transition:border-color .12s;display:grid}.popups-hub .popups-hub-city:hover{border-color:var(--border-strong)}.popups-hub .popups-hub-city-name{color:var(--foreground);font-size:16px;font-weight:700;text-decoration:none}.popups-hub .popups-hub-city-name:hover{color:var(--accent)}.popups-hub .popups-hub-count{color:var(--text-muted);text-align:right;font-size:12.5px}.popups-hub .popups-hub-weekend{color:var(--accent);grid-column:1/-1;font-size:13px;font-weight:600;text-decoration:none}.popups-hub .popups-hub-weekend:hover{text-decoration:underline}.popups-hub .popups-hub-empty{color:var(--text-muted);font-size:15px}