/* HireNext global styles
   Brand colors (Ocean and Sand):
   Ocean blue  #1565A6  buttons, links, icons
   Deep ocean  #0F4C80  hover, text on light blue
   Sand        #E9C98B  guarantee, highlights
   Deep navy   #0B2238  headlines, dark sections
   Warm white  #F7F2EA  alternating sections
   Light blue  #E6EFF8  icon tiles, tags
*/
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #FFFFFF; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: #1565A6; }
a:hover { color: #0F4C80; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #1565A6; outline-offset: 3px; border-radius: 4px; }

/* FAQ accordion (native details/summary, no JavaScript needed) */
.faq { border-bottom: 1px solid #E4E8F0; }
.faq summary {
  list-style: none; cursor: pointer; min-height: 64px; padding: 18px 0;
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  font-family: 'Instrument Sans', system-ui, sans-serif; font-size: 19px; font-weight: 600; color: #0B2238;
}
.faq summary::-webkit-details-marker { display: none; }
.faq p { margin: 0; padding: 0 40px 22px 0; color: #4A5568; }
.faq-icon { position: relative; flex-shrink: 0; width: 22px; height: 22px; }
.faq-icon::before, .faq-icon::after {
  content: ""; position: absolute; left: 3px; right: 3px; top: 10px; height: 2.2px;
  background: #0B2238; border-radius: 2px; transition: transform .2s ease;
}
.faq-icon::after { transform: rotate(90deg); }
.faq[open] .faq-icon::after { transform: rotate(0deg); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .faq-icon::before, .faq-icon::after { transition: none; }
}