.service-guide-intro { padding-block: 4.5rem; background: var(--ink); color: white; border-bottom: 4px solid var(--orange); }
.service-guide-intro .eyebrow { color: var(--orange); }
.service-guide-intro h1 { font-size: clamp(2.6rem, 5.6vw, 4.8rem); line-height: 1.1; max-width: 62rem; }
.service-guide-intro p:not(.eyebrow) { color: #cad5df; max-width: 49rem; }
.service-guide-lead { font-size: 1.25rem; line-height: 1.6; }
.service-guide-intro .button { margin-top: 1rem; }
.service-guide-intro :focus-visible { outline-color: var(--orange); }
.service-guide-overview, .service-guide-detail, .service-guide-local { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 6rem; padding-block: 4.5rem; align-items: start; }
.service-guide-overview h2, .service-guide-detail h2, .service-guide-local h2 { font-size: clamp(1.9rem, 3vw, 2.8rem); line-height: 1.2; }
.service-guide-overview p:not(.eyebrow), .service-guide-copy, .service-guide-local p:not(.eyebrow) { color: var(--muted); }
.service-guide-links { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.service-guide-links li { border-bottom: 1px solid var(--line); }
.service-guide-links a { display: block; padding-block: 0.85rem; font-weight: 600; }
.service-guide-links a:hover { color: var(--accent); }
.service-guide-detail { border-top: 1px solid var(--line); }
.service-guide-detail .eyebrow { margin-bottom: 1rem; }
.service-guide-summary { font-size: 1.1rem; font-weight: 550; color: var(--ink); }
.service-guide-copy li { padding-left: 0.2rem; margin-bottom: 0.6rem; }
.service-guide-copy ul { padding-left: 1.2rem; }
.service-guide-copy li::marker { color: var(--accent); }
.service-guide-copy .service-guide-note { border-left: 3px solid var(--orange); padding-left: 1rem; color: var(--ink); margin-top: 1.5rem; margin-bottom: 0; }
.service-guide-local { border-top: 4px solid var(--orange); }
.service-guide .contact { background: var(--wash); }
@media (max-width: 1100px) {
  .service-guide-overview, .service-guide-detail, .service-guide-local { gap: 3rem; }
}
@media (max-width: 760px) {
  .service-guide-intro { padding-block: 3rem; }
  .service-guide-intro h1 { font-size: clamp(2.2rem, 8.5vw, 3.7rem); }
  .service-guide-overview, .service-guide-detail, .service-guide-local { grid-template-columns: 1fr; gap: 1.2rem; padding-block: 2.8rem; }
  .service-guide-detail h2, .service-guide-local h2 { margin-bottom: 0; }
  .service-guide-lead { font-size: 1.1rem; }
}
