/* H30 v0.7.3 — lower service-area overview only.
   Intentionally loaded only on /service-areas/. Global design stays unchanged. */
.area-hub-main .hub-offerings { background:#fff; border-top:1px solid #dce4e9; }
.area-hub-main .hub-offerings-heading { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:7%; margin-bottom:30px; }
.area-hub-main .hub-offerings h2,
.area-hub-main .hub-coverage-questions h2,
.area-hub-main .hub-consultation h2 { margin-top:12px; }
.area-hub-main .hub-section-intro { font-size:15px; line-height:1.8; color:#52626e; max-width:52ch; }
.area-hub-main .hub-offerings-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.area-hub-main .hub-offering-card { display:flex; flex-direction:column; min-width:0; padding:25px 23px; border:1px solid #dce4e9; background:#fff; transition:border-color .2s ease,box-shadow .2s ease; }
.area-hub-main .hub-offering-card:hover { border-color:#aabdc8; box-shadow:0 6px 24px #0a2c430d; }
.area-hub-main .hub-offering-card:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
.area-hub-main .hub-offering-number { color:#b44819; font-size:11px; letter-spacing:.1em; }
.area-hub-main .hub-offering-card h3 { font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-.025em; margin-top:15px; color:var(--navy); }
.area-hub-main .hub-offering-card p { font-size:14px; line-height:1.8; color:#52626e; margin:14px 0 23px; }
.area-hub-main .hub-offering-link { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; font-size:10.5px; line-height:1.5; font-weight:600; letter-spacing:.025em; text-transform:uppercase; color:#ae4318; }
.area-hub-main .hub-offering-link .icon { width:16px; height:16px; flex-shrink:0; }
.area-hub-main .hub-coverage-questions { background:#f7f8f8; border-top:1px solid #e6ecef; }
.area-hub-main .hub-questions-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:8%; align-items:start; }
.area-hub-main .hub-questions-intro h2 { max-width:20ch; }
.area-hub-main .hub-questions-intro .hub-section-intro { margin-top:18px; }
.area-hub-main .hub-questions-intro .text-link { margin-top:22px; font-size:11px; color:#ae4318; }
.area-hub-main .hub-coverage-answers { border-top:1px solid #cdd9df; }
.area-hub-main .hub-coverage-answers details { border-bottom:1px solid #cdd9df; }
.area-hub-main .hub-coverage-answers summary { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:68px; padding:20px 6px 20px 0; font-size:16px; font-weight:500; line-height:1.55; cursor:pointer; list-style:none; }
.area-hub-main .hub-coverage-answers summary::-webkit-details-marker { display:none; }
.area-hub-main .hub-coverage-answers summary::marker { content:''; }
.area-hub-main .hub-coverage-answers summary span { min-width:0; }
.area-hub-main .hub-coverage-answers .icon { width:18px; height:18px; color:var(--navy); transition:transform .2s ease; }
.area-hub-main .hub-coverage-answers details[open] .icon { transform:rotate(45deg); }
.area-hub-main .hub-coverage-answers details p { margin:0 38px 23px 0; font-size:14px; line-height:1.8; color:#465a68; }
.area-hub-main .hub-consultation { background:var(--navy); color:#fff; }
.area-hub-main .hub-consultation-layout { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8%; padding-block:calc(45 * var(--u)); }
.area-hub-main .hub-consultation .eyebrow { color:#71d2f1; }
.area-hub-main .hub-consultation h2 { max-width:25ch; color:#fff; }
.area-hub-main .hub-consultation-copy { margin-top:19px; max-width:65ch; font-size:15px; line-height:1.85; color:#e0e9ee; }
.area-hub-main .hub-consultation-action { max-width:305px; }
.area-hub-main .hub-consultation-action .button { width:100%; min-height:52px; font-size:12px; padding:15px 24px; gap:14px; }
.area-hub-main .hub-consultation-note { font-size:12px; line-height:1.8; margin-top:17px; color:#c4d4df; }
@media(max-width:1100px) {
 .area-hub-main .hub-offerings-heading { grid-template-columns:1fr 1fr; gap:35px; }
 .area-hub-main .hub-offerings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .area-hub-main .hub-offering-card { padding:24px; }
 .area-hub-main .hub-questions-layout { gap:35px; }
 .area-hub-main .hub-consultation-layout { grid-template-columns:1fr 285px; gap:35px; padding-block:40px; }
}
@media(max-width:760px) {
 .area-hub-main .hub-offerings-heading,
 .area-hub-main .hub-questions-layout,
 .area-hub-main .hub-consultation-layout { grid-template-columns:1fr; gap:24px; }
 .area-hub-main .hub-offerings-heading { margin-bottom:24px; gap:17px; }
 .area-hub-main .hub-offerings h2,
 .area-hub-main .hub-coverage-questions h2,
 .area-hub-main .hub-consultation h2 { font-size:29px; max-width:25ch; }
 .area-hub-main .hub-section-intro { font-size:14px; }
 .area-hub-main .hub-offerings-grid { gap:16px; }
 .area-hub-main .hub-offering-card { padding:22px; }
 .area-hub-main .hub-offering-card h3 { font-size:20px; margin-top:10px; }
 .area-hub-main .hub-offering-card p { margin:12px 0 20px; }
 .area-hub-main .hub-questions-intro .hub-section-intro { margin-top:16px; }
 .area-hub-main .hub-questions-intro .text-link { margin-top:17px; }
 .area-hub-main .hub-coverage-answers summary { font-size:15px; gap:18px; min-height:66px; padding:18px 6px 18px 0; }
 .area-hub-main .hub-coverage-answers details p { margin-right:26px; font-size:14px; }
 .area-hub-main .hub-consultation-layout { padding-block:36px; gap:25px; }
 .area-hub-main .hub-consultation-copy { font-size:14px; margin-top:16px; }
 .area-hub-main .hub-consultation-action { max-width:360px; }
 .area-hub-main .hub-consultation-action .button { width:auto; min-width:240px; }
 .area-hub-main .hub-consultation-note { margin-top:14px; }
}
@media(max-width:560px) {
 .area-hub-main .hub-offerings-grid { grid-template-columns:1fr; }
 .area-hub-main .hub-consultation-action .button { width:100%; min-width:0; }
}
@media(prefers-reduced-motion:reduce) {
 .area-hub-main .hub-offering-card,
 .area-hub-main .hub-coverage-answers .icon { transition:none; }
}