.nxb-service-areas, .nxb-service-areas__panel { height: 100%; }
.nxb-service-areas__panel { overflow: hidden; border: 1px solid var(--nxb-colour-line); border-radius: var(--nxb-radius); background: #fff; }
.nxb-service-areas__panel--has-map { display: grid; grid-template-columns: 1.3fr .7fr; }
.nxb-service-areas__content { padding: clamp(1.1rem,1.8vw,1.4rem); }
.nxb-service-areas__content .nxb-section-heading { margin-bottom: .6rem; }
.nxb-service-areas__content .nxb-section-heading h2 { font-size: clamp(1.25rem,1.9vw,1.55rem); }
.nxb-service-areas__content .nxb-section-heading > p { font-size: .65rem; }
.nxb-service-areas__content > p { margin-bottom: .7rem; font-size: .7rem; line-height: 1.45; }
.nxb-service-areas ul { display: grid; margin: .7rem 0 .85rem; padding: 0; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .32rem .6rem; list-style: none; font-size: .68rem; }
.nxb-service-areas li::before { content: "✓"; margin-right: .35rem; color: var(--nxb-colour-brand); font-weight: 900; }
.nxb-service-areas .nxb-button { min-height: 2.35rem; padding: .52rem .85rem; font-size: .6rem; }
.nxb-service-areas__map { min-height: 0; padding: .75rem; background: #fff; }
.nxb-service-areas__map img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 850px) { .nxb-service-areas__panel--has-map { grid-template-columns: 1fr; } .nxb-service-areas ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .nxb-service-areas ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 420px) { .nxb-service-areas ul { grid-template-columns: 1fr; } }