/* Only new service content: existing homepage layout and styles stay intact. */
.service-links { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 12px; }
.service-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; text-underline-offset: 4px; }
.site-footer .service-links { grid-column: 1 / -1; justify-self: start; flex-wrap: wrap; margin: 0; }
.service-page .service-intro { padding: 36px 24px 48px; background: var(--cream); border-bottom: 1px solid var(--line); }
.service-page .service-intro-inner { max-width: 960px; margin: 0 auto; }
.service-page .breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; color: var(--muted); font-size: 14px; }
.service-page h1 { max-width: 960px; color: var(--green); font-size: clamp(36px, 4.2vw, 58px); line-height: 1.08; }
.service-page .service-intro p { max-width: 850px; }
.service-page .service-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.service-page .service-actions .button { width: 280px; min-height: 54px; text-align: center; font-size: 17px; line-height: 1.35; font-weight: 800; }
.service-page .button-primary { color: var(--white); background: var(--green); }
.service-page .button-secondary { color: var(--green); background: transparent; border-color: var(--green); }
.service-page .service-body { max-width: 808px; margin: 0 auto; padding: 16px 24px 64px; }
.service-page .service-body h2 { margin: 40px 0 18px; font-size: 34px; line-height: 1.15; }
.service-page .service-body h3 { color: var(--green); font-size: 20px; line-height: 1.35; margin: 28px 0 8px; }
.service-page .service-body p { margin: 0 0 20px; }
.service-page .service-body ul { padding-left: 24px; }
.service-page .service-body li { margin-bottom: 10px; }
.service-page .service-body a { text-underline-offset: 4px; }
.service-page .service-body h3 + p { margin-top: 0; }
@media (max-width: 680px) {
  .service-page .service-intro { padding: 24px 17px 34px; }
  .service-page .breadcrumbs { margin-bottom: 22px; }
  .service-page .service-actions { display: grid; grid-template-columns: 1fr; }
  .service-page .service-actions .button { min-width: 0; width: 100%; }
  .service-page .service-body { padding: 8px 17px 44px; }
  .service-page .service-body h2 { font-size: 29px; margin-top: 32px; }
}
