/* Shared service navigation and public service guides. */
.service-guide-links { display:flex; align-items:center; flex-wrap:wrap; gap:4px 18px; margin:22px 0 0; padding-top:14px; border-top:1px solid #e8e9ec; font-size:.875rem; line-height:1.6; }
.service-guide-links > span { color:#787d84; font-size:.8125rem; }
.service-guide-links a { display:inline-flex; align-items:center; min-height:44px; color:#42474d; text-decoration:none; }
.service-guide-links a:hover { color:#b24605; text-decoration:underline; text-underline-offset:4px; }
.service-guide-links a:focus-visible { outline:3px solid #b24605; outline-offset:4px; }
.service-page .header { max-width:1200px; }
.service-page .header > a:last-child { color:#626970; text-decoration:none; font-size:.9375rem; }
.service-page .service-nav { max-width:1120px; margin:0 auto; padding:0 0 20px; display:flex; flex-wrap:wrap; gap:8px 12px; border-bottom:1px solid #e8e9ec; }
.service-page .service-nav a { display:flex; align-items:center; padding:8px 16px; min-height:44px; border:1px solid #e8e9ec; border-radius:24px; font-size:.9375rem; text-decoration:none; }
.service-page .service-nav a[aria-current="page"] { color:#ac4204; border-color:#f0c7ad; background:#fff8f3; }
.service-page main { width:min(1120px,calc(100% - 80px)); margin:0 auto; padding:58px 0 72px; }
.service-page .service-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:60px; padding:0 0 44px; border-bottom:0; }
.service-page .service-hero h1 { max-width:16ch; font-size:clamp(2rem,4vw,3.1rem); line-height:1.4; font-weight:550; }
.service-page .service-lead { font-size:1.0625rem; color:#60666e; max-width:38em; }
.service-page .service-summary { border:1px solid #e8e9ec; border-radius:22px; padding:30px; box-shadow:0 12px 38px rgba(25,30,40,.06); background:#fff; }
.service-page .service-summary h2 { font-size:1.125rem; }
.service-page .service-summary li { color:#60666e; }
.service-page .service-primary { color:#fff; background:#b94a08; border-color:#b94a08; }
.service-page .service-primary:hover { background:#a23e02; color:#fff; }
.service-page .service-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; margin:22px 0; list-style:none; }
.service-page .service-steps li { margin:0; padding:24px; border:1px solid #e8e9ec; border-radius:16px; }
.service-page .service-step-number { color:#b24605; font-size:.875rem; }
.service-page .service-steps h3 { margin:10px 0 8px; }
.service-page .service-steps p { margin:0; color:#60666e; font-size:.9375rem; }
.service-page .service-note { margin:22px 0 0; padding:20px 24px; border-radius:14px; background:#f8f9fa; color:#60666e; font-size:.9375rem; }
.service-page .footer { padding-inline:0; max-width:1120px; }
@media(max-width:800px) {
  .service-guide-links { gap:2px 14px; }
  .service-guide-links > span { flex-basis:100%; }
  .service-page .header { flex-direction:row; align-items:center; padding:22px 24px; }
  .service-page .service-nav { margin-inline:24px; gap:8px; }
  .service-page .service-nav a { font-size:.875rem; padding-inline:12px; }
  .service-page main { width:calc(100% - 48px); padding:34px 0 48px; }
  .service-page .service-hero { grid-template-columns:1fr; gap:24px; padding-bottom:30px; }
  .service-page .service-hero h1 { font-size:2rem; max-width:19ch; }
  .service-page .service-summary { padding:24px; }
  .service-page .service-steps { grid-template-columns:1fr; }
  .service-page .footer { padding:24px; }
}
