.service-page { background: var(--navy); }
.service-hero { max-width: 1440px; margin: auto; padding: 132px 7.4% 70px; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #b5becb; font-size: 13px; line-height: 1.6; margin-bottom: 35px; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.service-hero .eyebrow { color: #b5becb; }
.service-hero h1 { font-size: clamp(38px,5.3vw,72px); line-height: 1.08; font-weight: 400; letter-spacing: -.045em; max-width: 970px; width: auto; margin: 23px 0; }
.service-hero .service-description { max-width: 750px; color: #c8d1df; font-size: 18px; line-height: 1.8; margin: 0 0 30px; }
.service-content { background: var(--ice); color: var(--navy); }
.service-layout { max-width: 1440px; margin: auto; padding: 70px 7.4% 90px; display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 8%; align-items: start; }
.service-sidebar { position: sticky; top: 125px; }
.service-sidebar p { color: #5b697b; font-size: 12px; letter-spacing: .12em; margin: 0 0 15px; }
.service-sidebar nav { display: flex; flex-direction: column; }
.service-sidebar a { display: block; border-bottom: 1px solid #c9d2dc; padding: 14px 0; font-size: 15px; line-height: 1.5; }
.service-sidebar a[aria-current="page"] { font-weight: 700; }
.service-sidebar a:hover { text-decoration: underline; text-underline-offset: 4px; }
.service-article { min-width: 0; max-width: 820px; }
.service-article p, .service-article li { color: #425164; font-size: 17px; line-height: 1.85; }
.service-article .service-lead { color: #1b2435; font-size: 21px; line-height: 1.65; margin: 0 0 44px; }
.service-article section { border-top: 1px solid #c9d2dc; padding-top: 32px; margin-top: 35px; }
.service-article h2 { font-size: clamp(25px,2.7vw,34px); font-weight: 400; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 23px; }
.service-article p { margin: 0 0 20px; }
.service-article ul { padding-left: 23px; margin: 20px 0 28px; }
.service-article li { padding-left: 5px; margin: 10px 0; }
.service-faq details { border-bottom: 1px solid #c9d2dc; }
.service-faq summary { cursor: pointer; padding: 20px 0; font-size: 17px; font-weight: 500; line-height: 1.5; }
.service-faq details p { font-size: 16px; padding: 0 0 10px; }
.service-article .service-source { margin-top: 30px; font-size: 14px; }
.service-source a { text-decoration: underline; text-underline-offset: 3px; }
.service-related a { text-decoration: underline; text-underline-offset: 4px; }
.service-related a:hover { text-decoration-thickness: 2px; }
.service-cta { padding: 65px 7.4%; max-width: 1440px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.service-cta h2 { font-size: 34px; font-weight: 400; letter-spacing: -.025em; margin: 0 0 15px; }
.service-cta p { color: #c8d1df; font-size: 16px; line-height: 1.8; margin: 0; }
.service-cta p a { text-decoration: underline; text-underline-offset: 4px; }
.service-content a:focus-visible, .service-faq summary:focus-visible { outline-color: #1b2435; }
@media (max-width: 760px) {
  .service-hero { padding: 112px 26px 48px; }
  .breadcrumbs { font-size: 12px; gap: 8px; margin-bottom: 28px; }
  .service-hero h1 { font-size: clamp(34px,9vw,54px); overflow-wrap: anywhere; hyphens: auto; }
  .service-hero .service-description { font-size: 16px; }
  .service-layout { display: flex; flex-direction: column; gap: 45px; padding: 42px 26px 55px; }
  .service-article { order: 0; }
  .service-sidebar { order: 1; position: static; width: 100%; }
  .service-article .service-lead { font-size: 19px; margin-bottom: 34px; }
  .service-article p, .service-article li { font-size: 16px; }
  .service-article section { padding-top: 25px; margin-top: 28px; }
  .service-cta { display: block; padding: 45px 26px; }
  .service-cta h2 { font-size: 29px; }
  .service-cta .button { margin-top: 25px; }
}