/* Area pages, "Homes to rent in ..." (27 Sep 2026) */
.area-page { max-width: 820px; margin: 0 auto; padding: 48px 22px 72px; }
.area-page h1 { font-size: clamp(30px, 6vw, 44px); letter-spacing: -0.02em; line-height: 1.1; margin: 8px 0 6px; }
.area-page h2 { font-size: 24px; margin: 36px 0 10px; }
.area-page h3 { font-size: 18px; margin: 22px 0 6px; }
.area-page p, .area-page li { color: #3a3a3c; }
.area-crumbs { font-size: 14px; color: var(--muted); }
.area-crumbs a { color: var(--muted); font-weight: 500; }
.area-updated { color: var(--muted); font-size: 14px; margin: 0 0 20px; }
.area-lead { font-size: 19px; }
.area-homes { margin: 12px 0 0; }
.area-note, .area-nohomes { font-size: 15px; color: var(--muted); }
.area-cta { margin: 22px 0; }
.area-guide { margin-top: 32px; }
.area-cards { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.area-card a { display: block; height: 100%; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 20px; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.area-card a:hover, .area-card a:focus-visible { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.10); }
.area-card h2 { margin: 0 0 6px; font-size: 22px; }
.area-card p { margin: 0 0 10px; font-size: 15px; }
.area-card a { font-weight: normal; }
.area-card h2 { font-weight: 700; }