/* Shared polish for governance-style marketing pages (services, QI, Aurora). */

:root {
  --gov-radius-lg: 20px;
  --gov-card-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 10px 30px rgba(15, 23, 42, 0.06);
}

/* Better focus visibility for keyboard users. */
.gov-btn:focus-visible,
a.gov-btn:focus-visible,
button.gov-btn:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.45);
  outline-offset: 2px;
}

/* Reduce accidental horizontal scroll on small screens. */
html,
body {
  overflow-x: hidden;
}

/* Slightly more “finished” card feel without changing layout. */
.gov-card {
  border-radius: var(--gov-radius-lg, 20px);
  box-shadow: var(--gov-card-shadow);
}

/* Improve list spacing for readability. */
.gov-list-clean li {
  line-height: 1.45;
}

/* Ensure large headings don’t overflow on mobile. */
.gov-h1,
.gov-h2,
.gov-h3 {
  overflow-wrap: anywhere;
}