/* 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;
}

/* Tables inside featured cards: clean single-line header separator. */
.gov-card--featured table th,
.gov-card--featured table td {
  border-bottom-color: transparent !important;
}
.gov-card--featured table thead th {
  border-bottom: 2px solid var(--gov-primary, #059669) !important;
}

/* Stacked featured cards: subtle gap instead of adjacent borders. */
.gov-card--featured + .gov-card--featured {
  margin-top: 16px;
}

/* Qualification cards: flatten border to single clean line. */
.qualification-card {
  box-shadow: none;
  border: 1px solid rgba(15, 23, 42, 0.10);
}

/* Value stack: remove outer card border so grid reads as one unit. */
.gov-value-stack {
  box-shadow: none;
  border: none;
  background: transparent;
}