/* Candidate-only additions for deferred industry chrome hooks.
   Generated industry pages reuse service-pages.css for the validated 62px hero,
   centered heading blocks, left-aligned readable decks, and contained cards. */
.service-page .industry-route-hook { width: min(100% - 2.5rem, 72rem); margin: 0 auto; }
.service-page .industry-route-hook ul { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 0; padding: 1rem 0; list-style: none; }
.service-page .industry-route-hook a { color: inherit; font: 700 .8125rem/1.35 'Public Sans', sans-serif; text-decoration-thickness: 2px; text-underline-offset: .25rem; }
.service-page .industry-route-hook a:focus-visible { outline: 4px solid rgb(0 0 255 / .3); outline-offset: 4px; }
.service-page .industry-route-hook--header { border-top: 1px solid #d9d7ba; background: #fff9cc; color: #171a42; }
.service-page .industry-route-hook--footer { border-top: 1px solid #343884; color: #d8daf5; }
.service-page .industry-route-hook--mobile { display: none; }
@media (max-width: 63.999rem) {
  .service-page .industry-route-hook--header { display: none; }
  .service-page .industry-route-hook--mobile { display: block; border-top: 1px solid #343884; background: #11145c; color: #fffdf2; }
}