/* Buyer guidance only. Does not restyle the full SOP, homepage, or cards. */
.service-search-page .service-hero h1 { max-width: 22ch; text-wrap: balance; }
.service-search-page .service-hero > p { max-width: 62ch; }
.service-search-page .service-buyer-heading { margin: 28px 0 16px; font-size: 22px; line-height: 1.4; }
.service-search-page .detail-layout > div > .service-buyer-fit,
.service-search-page .detail-layout > div > .service-buyer-note { font-size: 17px; line-height: 1.7; max-width: 66ch; }
.service-search-page .service-buyer-note { margin: 20px 0; }
.service-search-page .service-buyer-note strong { color: var(--ink); }
.service-search-page .service-related-resources { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }
.service-search-page .service-related-resources h3 { font-size: 21px; line-height: 1.4; margin: 0 0 14px; }
.service-search-page .service-related-resources nav { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.service-search-page .service-related-resources p { font-size: 15px; line-height: 1.7; margin: 20px 0 14px; max-width: 66ch; }
.service-search-page .service-related-resources nav + nav { margin-top: 12px; }
.service-search-page .service-related-resources a { font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.service-search-page .support-aside .small { font-size: 14px; line-height: 1.7; }
.service-search-page .support-aside .service-capacity { margin-top: 18px; }
.service-search-page .support-aside .service-quote-note { margin-top: 18px; }
.service-search-page .service-related-resources a:focus-visible { outline: 3px solid #00aeef; outline-offset: 4px; }
@media (max-width: 700px) {
  .service-search-page .service-hero h1 { font-size: clamp(34px, 7.8vw, 44px); max-width: 22ch; }
  .service-search-page .detail-layout > div > .service-buyer-fit,
  .service-search-page .detail-layout > div > .service-buyer-note { font-size: 16px; }
}
