/* Planning guidance uses the existing Ablass palette and typography. */
.service-section-nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px}.service-section-nav a{display:inline-flex;align-items:center;min-height:44px;color:#006894;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.service-planning{background:#f3f7f8;scroll-margin-top:130px}
.planning-heading{max-width:780px;margin-bottom:34px}
.planning-heading h2{font-size:clamp(30px,3.2vw,43px);line-height:1.16;margin:14px 0 0;color:#0b344b}
.planning-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.planning-costs{background:#0b344b;color:#e8f1f5;padding:34px;border-radius:18px}
.planning-label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#476572;margin-bottom:12px}
.planning-costs .planning-label{color:#a9d8e8}
.planning-grid h3{font-size:26px;line-height:1.24;margin:0 0 18px}
.planning-costs h3{color:#fff}
.planning-grid p{font-size:16px;line-height:1.75;margin:0 0 20px}
.planning-costs ul{list-style:none;padding:0;margin:24px 0}
.planning-costs li{display:flex;gap:12px;align-items:flex-start;line-height:1.65;margin:14px 0}
.planning-costs .icon{width:21px;height:21px;flex:0 0 21px;color:#f3a254;margin-top:3px}
.planning-costs .planning-cost-note{border-top:1px solid #446575;padding-top:20px;margin-bottom:0;color:#e8f1f5;font-size:15px}
.planning-details{color:#274554}
.planning-details article+article{border-top:1px solid #cedce2;margin-top:27px;padding-top:27px}
.planning-details h3{color:#0b344b}
.planning-details ul{padding-left:21px;margin:0;line-height:1.7}
.planning-details li+li{margin-top:9px}
.planning-bottom{border-top:1px solid #cedce2;margin-top:35px;padding-top:24px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.planning-bottom p{margin:0;max-width:780px;font-size:16px;line-height:1.75;color:#274554}
.planning-bottom p a{color:#006894;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.planning-bottom p a:hover{color:#0b344b}
.planning-bottom>.text-arrow{color:#006894;white-space:normal}
@media(max-width:1000px){.planning-grid{gap:28px}.planning-bottom{grid-template-columns:1fr;gap:18px}}
@media(max-width:720px){.service-planning{scroll-margin-top:108px}.planning-heading{margin-bottom:25px}.planning-grid{grid-template-columns:1fr;gap:28px}.planning-costs{padding:25px;border-radius:14px}.planning-grid h3{font-size:24px}.planning-heading h2{font-size:31px}.planning-bottom{margin-top:28px}}