.area-header-link{gap:10px}.on-paper .area-header-link{color:var(--ink);background:transparent;border-color:var(--border)}
.neighbourhood{padding:90px 0;border-top:1px solid var(--border);scroll-margin-top:110px}.area-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:36px}.area-intro .eyebrow{margin-bottom:20px}.area-intro h2{font-size:clamp(44px,4.4vw,68px);line-height:1.05}.area-intro>p{max-width:440px;color:var(--muted);font-size:16px}.area-filters{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 30px}.area-filters button{font-size:14px;padding:12px 18px;min-height:44px;border:1px solid var(--border);border-radius:30px;transition:background .2s,color .2s}.area-filters button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.area-filters button:hover{border-color:var(--ink)}.area-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:start}.area-list-heading{display:flex;justify-content:space-between;gap:12px;padding:0 0 17px;border-bottom:1px solid var(--border);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.area-place{display:grid;grid-template-columns:30px minmax(0,1fr) 25px;gap:13px;align-items:center;width:100%;text-align:left;padding:20px 12px;border-bottom:1px solid var(--border);transition:background .25s;min-height:89px}.area-place:hover{background:#17352c08}.area-place[aria-pressed=true]{background:#e4e7da;border-left:3px solid var(--ink);padding-left:9px}.area-number{font-size:12px;color:var(--muted)}.area-place strong{display:block;font-size:17px;font-weight:500;line-height:1.35}.area-place small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.area-place-arrow{opacity:.4;font-size:20px}.area-place[aria-pressed=true] .area-place-arrow{opacity:1}.area-selected{scroll-margin-top:104px;background:var(--ink);color:var(--cream);padding:40px;position:sticky;top:110px;min-height:490px;display:flex;flex-direction:column}.area-selected .eyebrow{color:var(--gold);font-size:12px}.area-selected h3{font-size:44px;line-height:1.08;margin-top:24px;overflow-wrap:anywhere}.area-place-location{font-size:14px;margin-top:11px;color:#d0d7c9}.area-place-heading{font-size:18px;font-weight:500;line-height:1.45;margin:32px 0 12px}.area-place-copy{font-size:16px;color:#e0e5d9;line-height:1.75}.area-place-detail{font-size:13px;border-top:1px solid #ffffff30;margin:25px 0 0;padding:18px 0;color:#d9dfd0;line-height:1.6}.area-links{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:auto;padding-top:15px}.area-map-link{background:var(--cream);color:var(--ink);padding-inline:19px}.area-source-link{font-size:13px;line-height:1.5;border-bottom:1px solid #ffffff66;padding:8px 0}.area-concept-note{border-top:1px solid var(--border);padding-top:22px;margin-top:35px;color:var(--muted);font-size:13px;line-height:1.65;max-width:900px}.area-concept-note strong{font-weight:500;color:var(--ink)}
@media(max-width:1100px){.area-selected{padding:30px}.area-guide{gap:30px}.area-place{gap:8px;padding-right:8px}.area-header-link{padding-inline:16px}.header-actions{gap:8px}}
@media(max-width:760px){.area-header-link{display:none}.neighbourhood{padding:60px 0;scroll-margin-top:94px}.area-intro{display:block;margin-bottom:22px}.area-intro h2{font-size:46px}.area-intro>p{margin-top:23px}.area-filters{padding:0 0 24px;gap:7px}.area-filters button{padding:10px 13px;font-size:14px}.area-guide{display:flex;flex-direction:column;gap:26px}.area-list-wrap{width:100%}.area-selected{position:static;width:100%;padding:29px;min-height:0}.area-selected h3{font-size:40px;margin-top:19px}.area-place-heading{margin-top:25px}.area-place strong{font-size:16px}.area-place small{font-size:12px}.area-place{min-height:80px;padding-block:16px}.area-links{gap:16px;margin-top:8px}.area-concept-note{margin-top:26px}.area-list-heading{font-size:12px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.area-place,.area-filters button{transition:none}}