.city-page{background:var(--background);min-height:100vh;color:var(--foreground)}.city-hero{max-width:1280px;padding-top:var(--section-pad-y-lg);padding-bottom:var(--section-pad-y-lg);margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width:1024px){.city-hero{padding-left:48px;padding-right:48px}}.city-hero-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:1024px){.city-hero-grid.with-rail{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:48px}}.city-breadcrumb{color:var(--muted-foreground);margin-bottom:20px;font-size:14px}.city-breadcrumb a{color:var(--muted-foreground);text-decoration:none;transition:color .15s}.city-breadcrumb a:hover{color:var(--foreground)}.city-breadcrumb .sep{color:var(--color-placeholder);padding:0 8px}.city-breadcrumb [aria-current=page]{color:var(--foreground);font-weight:500}.city-h1{letter-spacing:-.028em;color:var(--foreground);text-wrap:balance;margin:0 0 16px;font-size:clamp(32px,4.2vw,52px);font-weight:800;line-height:1.04}.city-h1 .preposition{color:var(--muted-foreground);font-weight:600}.city-count{color:var(--foreground);max-width:580px;margin:0 0 28px;font-size:17px;line-height:1.55}.city-count.empty{color:var(--muted-foreground);font-size:16px}.city-count .count-num{color:var(--foreground);font-weight:600}.city-cta{background:var(--primary);color:#fff;letter-spacing:-.005em;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.city-cta:hover{background:var(--brand-hover)}.city-cta:active{background:var(--brand-active)}.city-cta .arrow{width:16px;height:16px;transition:transform .18s}.city-cta:hover .arrow{transform:translate(3px)}.city-rail{display:none}@media (min-width:1024px){.city-hero-grid.with-rail .city-rail{font-family:var(--font-mono,ui-monospace, "JetBrains Mono", "SF Mono", monospace);flex-direction:column;gap:0;padding-bottom:6px;display:flex}}.city-rail-head{color:var(--muted-foreground);border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:10px;font-size:12px;font-weight:600}.city-rail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:9px 0;font-size:12px;display:flex}.city-rail-row:last-child{border-bottom:none}.city-rail-row .k{color:var(--muted-foreground);letter-spacing:.04em}.city-rail-row .v{color:var(--foreground);font-weight:500}.city-rail-row .v.dim{color:var(--color-placeholder);font-weight:400}.city-grid-section{max-width:1280px;padding-top:8px;padding-bottom:var(--section-pad-y-md);margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width:1024px){.city-grid-section{padding-left:48px;padding-right:48px}}.city-h2-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-top:24px;display:flex}.city-h2{letter-spacing:-.012em;color:var(--foreground);margin:0;font-size:22px;font-weight:700}.city-sort-tag{font-family:var(--font-mono,ui-monospace, "JetBrains Mono", "SF Mono", monospace);letter-spacing:.06em;color:var(--muted-foreground);font-size:11px}.city-sort-tag .dot{background:var(--primary);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;transform:translateY(-2px)}.city-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (min-width:1280px){.city-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.city-empty-note{max-width:420px;color:var(--muted-foreground);border-top:1px solid var(--border);margin-top:8px;padding-top:18px;font-size:13px;line-height:1.55}@media (max-width:640px){.city-h2-row{padding-top:20px}.city-sort-tag{font-size:14px}}@media (prefers-reduced-motion:reduce){.city-cta .arrow,.city-cta:hover .arrow{transition:none!important;transform:none!important}}.city-count-skel-line{border-radius:6px;width:100%;max-width:560px;height:17px;margin-bottom:8px;display:block}.city-count-skel-line.short{width:62%;margin-bottom:28px}.city-cta-skel{border-radius:8px;width:190px;height:44px;display:inline-block}.city-rail-skel-k{border-radius:4px;width:68px;height:12px;display:inline-block}.city-rail-skel-v{border-radius:4px;width:40px;height:12px;display:inline-block}.city-h2-skel{border-radius:6px;width:200px;height:22px;display:inline-block}