/* Areas We Serve page */

/* Area checker box in the hero */
.checker-card { background: var(--blush); border: 1.5px solid var(--line); border-radius: var(--r-2xl); padding: clamp(20px, 3vw, 32px); display: flex; flex-direction: column; gap: 22px; }
.checker-card .checker { max-width: none; }
.zone-jump { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.zone-jump a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: var(--r); color: var(--ink); font-weight: 700; text-decoration: none; }
.zone-jump a:hover { background: var(--white); color: var(--plum); }
.zone-jump .zone-row__code { width: 36px; height: 36px; font-size: 14px; border-radius: 10px; }

/* Zone sections */
.zone__head { display: flex; flex-direction: column; gap: 10px; }
.zone-flag.z--blush { background: var(--plum-tint); }

/* Pull quote */
.quote { font-family: var(--f-display); font-weight: 700; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.35; color: var(--plum); max-width: 760px; }
.quote cite { display: block; margin-top: 10px; font-family: var(--f-body); font-style: normal; font-size: 15px; font-weight: 600; color: var(--muted); }