.city-dir{--paper: oklch(.985 .006 230);--panel: oklch(.965 .012 230);--ink-soft: oklch(.42 .032 235);--line: oklch(.84 .026 230);--blue: oklch(.36 .11 242);--blue-2: oklch(.78 .08 235);background:var(--paper);color:var(--color-ink)}.city-inner{width:min(1180px,calc(100% - 2rem));margin:0 auto}.city-kicker{color:var(--blue);font:700 .74rem/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase}.city-hero{padding:clamp(7.2rem,12vw,9.5rem) 0 clamp(2.5rem,5vw,4rem);background:radial-gradient(circle at 12% 10%,oklch(.91 .05 235 / .55),transparent 32rem),linear-gradient(180deg,white,var(--paper));border-bottom:1px solid var(--line)}.city-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);gap:clamp(2rem,5vw,4.5rem);align-items:end}.city-hero h1{max-width:760px;margin-top:1.1rem;font-family:var(--font-body);font-size:clamp(2.55rem,5.1vw,4.85rem);line-height:.98;font-weight:700;letter-spacing:0}.city-hero-copy{max-width:720px;margin-top:1.25rem;color:var(--ink-soft);font-size:clamp(1.06rem,1.45vw,1.24rem);line-height:1.62}.city-search-card{border:1px solid var(--line);border-radius:.8rem;background:#fff;overflow:hidden;box-shadow:0 22px 70px #0016231a}.city-search-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.city-search-body{padding:1.15rem}.city-search-body strong{display:block;font-size:1.05rem;line-height:1.3}.city-search-body span{display:block;margin-top:.45rem;color:var(--ink-soft);line-height:1.5}.city-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.city-btn{min-height:3.15rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;padding:0 1.2rem;background:var(--color-accent-dark);color:#fff;text-decoration:none;font-weight:700}.city-btn.secondary{background:#fff;color:var(--color-ink);border:1px solid var(--line)}.city-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(2rem,4vw,3rem);background:var(--line);border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.city-facts div{padding:1.1rem 1.2rem;background:#fff}.city-facts dt{color:var(--blue);font:700 .68rem/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.city-facts dd{margin:.5rem 0 0;color:var(--color-ink);font-weight:800;font-size:1.02rem}.city-section{padding:clamp(3.2rem,6vw,5.8rem) 0;border-bottom:1px solid var(--line)}.city-head{display:grid;grid-template-columns:minmax(0,.76fr) minmax(320px,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start;margin-bottom:2rem}.city-head h2{margin-top:.75rem;max-width:680px;font-family:var(--font-body);font-size:clamp(2rem,4vw,3.25rem);line-height:1.02;font-weight:700}.city-lead{color:var(--ink-soft);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65}.quick-compare{margin-bottom:1.4rem;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#fff}.quick-row{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(140px,.7fr) minmax(170px,1fr) minmax(130px,.65fr);gap:1px;background:var(--line)}.quick-row+.quick-row{border-top:1px solid var(--line)}.quick-row>span{background:#fff;padding:.9rem 1rem;color:var(--ink-soft);line-height:1.35}.quick-head>span{color:var(--blue);font:800 .68rem/1.1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--panel)}.quick-row strong{color:var(--color-ink);font-weight:850}.center-list{display:grid;gap:1rem}.center-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:clamp(1.2rem,3vw,2.4rem);border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:clamp(1.2rem,2.5vw,1.7rem)}.center-topline{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem}.center-pill{display:inline-flex;align-items:center;min-height:1.9rem;border:1px solid var(--line);border-radius:999px;padding:0 .7rem;background:var(--paper);color:var(--blue);font-size:.82rem;font-weight:800}.center-card h3{font-family:var(--font-body);font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;font-weight:800}.center-card p{max-width:680px;margin-top:.65rem;color:var(--ink-soft);line-height:1.58}.center-meta{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;color:var(--ink-soft);font-size:.98rem;line-height:1.45}.center-meta strong{color:var(--color-ink)}.center-services{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.center-services li{border:1px solid var(--line);border-radius:.45rem;padding:.46rem .58rem;background:var(--paper);color:var(--color-ink);font-size:.9rem;font-weight:700}.center-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.center-action{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.55rem;padding:0 .95rem;color:var(--color-ink);text-decoration:none;font-weight:700;background:var(--paper)}.center-action.primary{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff}.local-focus{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1fr);gap:clamp(1.4rem,4vw,3rem);align-items:start;border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:clamp(1.2rem,3vw,1.8rem)}.local-focus h2{margin-top:.75rem;max-width:620px;font-family:var(--font-body);font-size:clamp(1.9rem,3.5vw,2.85rem);line-height:1.04;font-weight:800}.local-focus__intro,.local-focus__copy{color:var(--ink-soft);line-height:1.62}.local-focus__facts{display:grid;gap:1px;margin-top:1.3rem;border:1px solid var(--line);border-radius:.65rem;overflow:hidden;background:var(--line)}.local-focus__facts div{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr);gap:.8rem;background:var(--paper);padding:.85rem 1rem}.local-focus__facts dt{color:var(--blue);font:800 .68rem/1.1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.local-focus__facts dd{margin:0;color:var(--color-ink);font-weight:750;line-height:1.35}.local-focus__copy p+p{margin-top:1rem}.city-tool{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}.criteria-panel{border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:1.2rem}.criteria-panel strong{display:block;font-family:var(--font-body);font-size:1.1rem;line-height:1.25}.criteria-list{display:grid;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none}.criteria-list li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.65rem;color:var(--ink-soft);line-height:1.45}.criteria-list li:before{content:"";width:.48rem;height:.48rem;margin-top:.45rem;border-radius:999px;background:var(--blue-2)}.city-text{color:var(--ink-soft);font-size:1.04rem;line-height:1.72}.city-text p+p{margin-top:1rem}.city-inline-figure{margin-top:1.4rem;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#fff}.city-inline-figure img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.city-inline-figure figcaption{padding:.85rem 1rem;color:var(--ink-soft);font-size:.95rem;line-height:1.45}.zone-list{margin:1.4rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.65rem}.zone-list li{border:1px solid var(--line);border-radius:.55rem;padding:.62rem .85rem;color:var(--color-ink);background:#fff;font-weight:700}.city-faq,.city-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.city-faq article,.city-link{background:#fff;padding:1.25rem}.city-faq h3,.city-link strong{display:block;font-family:var(--font-body);font-size:1.08rem;line-height:1.28;font-weight:800}.city-faq p,.city-link span{display:block;margin-top:.55rem;color:var(--ink-soft);line-height:1.55}.city-link{color:inherit;text-decoration:none;transition:background .18s ease}.city-link:hover{background:var(--panel)}.listing-note-grid{margin-top:1.15rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.listing-note-card{background:#fff;padding:1.15rem;color:var(--ink-soft);line-height:1.58}.listing-note-card strong{display:block;color:var(--color-ink);font-size:1rem;margin-bottom:.4rem}.listing-note-card a{display:inline-flex;align-items:center;margin-top:.85rem;min-height:2.6rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-weight:800;text-decoration:none}@media(max-width:860px){.city-hero-grid,.city-head,.center-card,.local-focus,.city-tool,.city-facts,.city-faq,.city-links,.quick-row,.listing-note-grid,.local-focus__facts div{grid-template-columns:1fr}.city-hero{padding-top:6.5rem}}