/* =============================================================================
   WUC Government Industry Page — Production CSS v1
   Token namespace: --gov-*
   Loaded by: wuc-gov-page-enqueue.php (mu-plugin)
   Scope: only on pages using page-government.php template
   ============================================================================= */

:root {
  /* surfaces */
  --gov-bg-base:        #FFFFFF;
  --gov-bg-subtle:      #F8FAFC;
  --gov-bg-section:     #F1F5F9;
  --gov-bg-trust:       #0A2540;
  --gov-bg-trust-2:     #082037;

  /* ink */
  --gov-ink-primary:    #0F172A;
  --gov-ink-secondary:  #475569;
  --gov-ink-muted:      #64748B;
  --gov-ink-faint:      #94A3B8;
  --gov-ink-inverse:    #FFFFFF;
  --gov-ink-inverse-2:  #CBD5E1;

  /* lines */
  --gov-line-hairline:  #E2E8F0;
  --gov-line-strong:    #CBD5E1;
  --gov-line-trust:     rgba(255,255,255,0.10);

  /* accent + status */
  --gov-accent:         #0050C8;
  --gov-accent-deep:    #003C99;
  --gov-status-aligned: #047857;
  --gov-status-aligned-bg: #ECFDF5;
  --gov-status-practice:#4338CA;
  --gov-status-practice-bg: #EEF2FF;
  --gov-status-pending: #B45309;
  --gov-status-pending-bg: #FFFBEB;

  /* type */
  --gov-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --gov-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* type scale */
  --gov-fs-mono-xs: 12px;
  --gov-fs-mono-sm: 13px;
  --gov-fs-body:    16px;
  --gov-fs-lead:    18px;
  --gov-fs-h4:      20px;
  --gov-fs-h3:      24px;
  --gov-fs-h2:      32px;
  --gov-fs-display: clamp(36px, 5.2vw, 56px);
  --gov-fs-hero:    clamp(40px, 6vw, 64px);

  /* spacing */
  --gov-sp-1: 4px;
  --gov-sp-2: 8px;
  --gov-sp-3: 12px;
  --gov-sp-4: 16px;
  --gov-sp-5: 24px;
  --gov-sp-6: 32px;
  --gov-sp-7: 48px;
  --gov-sp-8: 64px;
  --gov-sp-9: 96px;

  /* radius */
  --gov-r-1: 4px;
  --gov-r-2: 8px;
  --gov-r-3: 12px;

  /* container */
  --gov-container: 1200px;
}

/* Scope reset — apply only inside the gov page wrapper to avoid theme leakage */
.wuc-gov-page *, .wuc-gov-page *::before, .wuc-gov-page *::after { box-sizing: border-box; }

.wuc-gov-page {
  font-family: var(--gov-sans);
  font-size: var(--gov-fs-body);
  line-height: 1.55;
  color: var(--gov-ink-primary);
  background: var(--gov-bg-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* skip link */
.gov-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--gov-bg-trust);
  color: var(--gov-ink-inverse);
  padding: var(--gov-sp-3) var(--gov-sp-5);
  text-decoration: none;
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  z-index: 9999;
}
.gov-skip:focus {
  left: var(--gov-sp-4);
  top: var(--gov-sp-4);
}

/* container */
.gov-container {
  max-width: var(--gov-container);
  margin: 0 auto;
  padding-inline: var(--gov-sp-5);
}
@media (min-width: 768px) {
  .gov-container { padding-inline: var(--gov-sp-7); }
}

/* section primitives */
.gov-section {
  padding-block: clamp(64px, 8vw, 112px);
  border-block-end: 1px solid var(--gov-line-hairline);
}
.gov-section--subtle { background: var(--gov-bg-subtle); }
.gov-section--section { background: var(--gov-bg-section); }
.gov-section--trust {
  background: var(--gov-bg-trust);
  color: var(--gov-ink-inverse);
  border-color: transparent;
}

/* mono label / kicker */
.gov-kicker {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gov-accent);
  margin: 0 0 var(--gov-sp-4);
  display: inline-flex;
  align-items: center;
  gap: var(--gov-sp-2);
}
.gov-kicker::before {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
}
.gov-section--trust .gov-kicker { color: var(--gov-ink-inverse-2); }

/* section heading */
.gov-section-h {
  font-size: var(--gov-fs-display);
  font-weight: 600;
  letter-spacing: -0.022em;
  line-height: 1.08;
  margin: 0 0 var(--gov-sp-5);
  max-width: 26ch;
}
.gov-section-lead {
  font-size: var(--gov-fs-lead);
  color: var(--gov-ink-secondary);
  line-height: 1.55;
  max-width: 60ch;
  margin: 0 0 var(--gov-sp-7);
}
.gov-section--trust .gov-section-lead { color: var(--gov-ink-inverse-2); }

/* status pill */
.gov-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--gov-sp-2);
  padding: 4px 10px;
  border: 1px solid;
  border-radius: 999px;
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background: transparent;
}
.gov-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.gov-pill--aligned {
  color: var(--gov-status-aligned);
  border-color: var(--gov-status-aligned);
  background: var(--gov-status-aligned-bg);
}
.gov-pill--practice {
  color: var(--gov-status-practice);
  border-color: var(--gov-status-practice);
  background: var(--gov-status-practice-bg);
}
.gov-pill--pending {
  color: var(--gov-status-pending);
  border-color: var(--gov-status-pending);
  background: var(--gov-status-pending-bg);
}

/* CTA buttons */
.gov-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gov-sp-2);
  padding: 14px 24px;
  font-family: var(--gov-sans);
  font-size: var(--gov-fs-body);
  font-weight: 500;
  letter-spacing: -0.005em;
  border-radius: var(--gov-r-2);
  text-decoration: none;
  transition: transform 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
}
.gov-btn--primary {
  background: var(--gov-ink-primary);
  color: var(--gov-ink-inverse);
}
.gov-btn--primary:hover {
  background: var(--gov-bg-trust);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
}
.gov-btn--secondary {
  background: var(--gov-bg-base);
  color: var(--gov-ink-primary);
  border-color: var(--gov-line-strong);
}
.gov-btn--secondary:hover {
  border-color: var(--gov-ink-primary);
  transform: translateY(-1px);
}
.gov-btn--inverse {
  background: var(--gov-ink-inverse);
  color: var(--gov-bg-trust);
}
.gov-btn--inverse:hover {
  background: var(--gov-ink-inverse-2);
  transform: translateY(-1px);
}
.gov-btn--ghost-inverse {
  background: transparent;
  color: var(--gov-ink-inverse);
  border-color: var(--gov-line-trust);
}
.gov-btn--ghost-inverse:hover {
  border-color: var(--gov-ink-inverse);
  transform: translateY(-1px);
}
.gov-btn .gov-arrow {
  width: 14px;
  height: 14px;
  transition: transform 120ms ease;
}
.gov-btn:hover .gov-arrow { transform: translateX(2px); }

/* HERO — Section 1 */
.gov-hero {
  padding-block: clamp(72px, 9vw, 128px);
  background:
    radial-gradient(1200px 600px at 100% 0%, rgba(0,80,200,0.04), transparent 60%),
    var(--gov-bg-base);
  border-bottom: 1px solid var(--gov-line-hairline);
}
.gov-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gov-sp-7);
}
@media (min-width: 1024px) {
  .gov-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: var(--gov-sp-9);
    align-items: center;
  }
}
.gov-hero-h1 {
  font-size: var(--gov-fs-hero);
  font-weight: 600;
  letter-spacing: -0.024em;
  line-height: 1.04;
  margin: 0 0 var(--gov-sp-5);
  max-width: 18ch;
}
.gov-hero-h1 .gov-accent-text { color: var(--gov-accent); }
.gov-hero-sub {
  font-size: var(--gov-fs-lead);
  color: var(--gov-ink-secondary);
  line-height: 1.55;
  max-width: 56ch;
  margin: 0 0 var(--gov-sp-7);
}
.gov-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gov-sp-3);
  margin-bottom: var(--gov-sp-5);
}
.gov-hero-phone {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-muted);
  margin: 0 0 var(--gov-sp-7);
}
.gov-hero-phone a {
  color: var(--gov-ink-primary);
  text-decoration: none;
  border-bottom: 1px dotted var(--gov-line-strong);
}
.gov-hero-phone a:hover { border-color: var(--gov-ink-primary); }

/* trust strip */
.gov-trust-strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gov-sp-5);
  padding-block-start: var(--gov-sp-5);
  border-block-start: 1px solid var(--gov-line-hairline);
}
@media (min-width: 640px) {
  .gov-trust-strip { grid-template-columns: repeat(4, 1fr); }
}
.gov-trust-cell .gov-stat {
  display: block;
  font-family: var(--gov-mono);
  font-size: 24px;
  font-weight: 500;
  color: var(--gov-ink-primary);
  letter-spacing: -0.01em;
  margin-bottom: 2px;
}
.gov-trust-cell .gov-stat-label {
  font-family: var(--gov-sans);
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-muted);
}

/* Hero right — framework alignment grid card */
.gov-fw-card {
  background: var(--gov-bg-base);
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  padding: var(--gov-sp-6);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 12px 32px rgba(15, 23, 42, 0.06);
}
.gov-fw-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-end: var(--gov-sp-4);
  margin-block-end: var(--gov-sp-4);
  border-block-end: 1px solid var(--gov-line-hairline);
}
.gov-fw-card-title {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gov-ink-secondary);
  margin: 0;
}
.gov-fw-card-meta {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  color: var(--gov-ink-muted);
}
.gov-fw-rows { display: flex; flex-direction: column; gap: var(--gov-sp-4); }
.gov-fw-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--gov-sp-4);
  padding-block: var(--gov-sp-2);
}
.gov-fw-row + .gov-fw-row {
  border-block-start: 1px solid var(--gov-line-hairline);
  padding-block-start: var(--gov-sp-4);
}
.gov-fw-fw {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  color: var(--gov-ink-primary);
  margin-bottom: 2px;
}
.gov-fw-scope {
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-muted);
  line-height: 1.4;
}
.gov-fw-card-foot {
  margin-block-start: var(--gov-sp-5);
  padding-block-start: var(--gov-sp-4);
  border-block-start: 1px solid var(--gov-line-hairline);
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  color: var(--gov-ink-muted);
  line-height: 1.5;
}

/* TRUST LAYER — Section 2 */
.gov-trust-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gov-sp-7);
  align-items: start;
}
@media (min-width: 1024px) {
  .gov-trust-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--gov-sp-9);
  }
}
.gov-trust-prose p {
  font-size: var(--gov-fs-body);
  line-height: 1.65;
  color: var(--gov-ink-secondary);
  margin: 0 0 var(--gov-sp-5);
  max-width: 60ch;
}
.gov-trust-prose strong { color: var(--gov-ink-primary); font-weight: 600; }
.gov-engagement-card {
  background: var(--gov-bg-base);
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  padding: var(--gov-sp-6);
}
.gov-engagement-label {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gov-ink-muted);
  margin: 0 0 var(--gov-sp-4);
}
.gov-engagement-title {
  font-size: var(--gov-fs-h3);
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.25;
  margin: 0 0 var(--gov-sp-5);
}
.gov-engagement-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gov-sp-4);
  padding-block: var(--gov-sp-5);
  border-block: 1px solid var(--gov-line-hairline);
  margin-block-end: var(--gov-sp-5);
}
.gov-engagement-stats .gov-trust-cell .gov-stat { font-size: 20px; }
.gov-engagement-foot {
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-muted);
  line-height: 1.55;
  font-style: italic;
  margin: 0;
}

/* SOLUTIONS — Section 3 */
.gov-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--gov-line-hairline);
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  overflow: hidden;
}
@media (min-width: 768px) { .gov-cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .gov-cards { grid-template-columns: repeat(3, 1fr); } }
.gov-card {
  background: var(--gov-bg-base);
  padding: var(--gov-sp-6);
  display: flex;
  flex-direction: column;
  gap: var(--gov-sp-3);
  transition: background 120ms ease;
}
.gov-card:hover { background: var(--gov-bg-subtle); }
.gov-card-num {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  letter-spacing: 0.08em;
  color: var(--gov-ink-faint);
  margin: 0;
}
.gov-card-title {
  font-size: var(--gov-fs-h4);
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.25;
  color: var(--gov-ink-primary);
  margin: 0;
}
.gov-card-desc {
  font-size: 15px;
  color: var(--gov-ink-secondary);
  line-height: 1.55;
  margin: 0;
}
.gov-card--featured { background: var(--gov-bg-trust); color: var(--gov-ink-inverse); }
.gov-card--featured:hover { background: var(--gov-bg-trust-2); }
.gov-card--featured .gov-card-num { color: var(--gov-ink-inverse-2); }
.gov-card--featured .gov-card-title { color: var(--gov-ink-inverse); }
.gov-card--featured .gov-card-desc { color: var(--gov-ink-inverse-2); }
.gov-card--featured .gov-card-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--gov-sp-2);
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  letter-spacing: 0.06em;
  color: var(--gov-ink-inverse);
  margin-top: var(--gov-sp-3);
  text-transform: uppercase;
}
.gov-card--featured .gov-card-tag::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #34D399;
  box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.18);
}

/* COMPARISON MATRIX — Section 4 */
.gov-cmp-wrap {
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  overflow: hidden;
  background: var(--gov-bg-base);
}
.gov-cmp { width: 100%; border-collapse: collapse; font-size: 15px; }
.gov-cmp thead th {
  background: var(--gov-bg-subtle);
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gov-ink-secondary);
  text-align: left;
  padding: var(--gov-sp-4) var(--gov-sp-5);
  border-block-end: 1px solid var(--gov-line-hairline);
  vertical-align: middle;
}
.gov-cmp tbody td {
  padding: var(--gov-sp-5);
  vertical-align: top;
  border-block-end: 1px solid var(--gov-line-hairline);
  color: var(--gov-ink-secondary);
  line-height: 1.5;
}
.gov-cmp tbody tr:last-child td { border-block-end: none; }
.gov-cmp td.gov-cmp-pressure { font-weight: 600; color: var(--gov-ink-primary); width: 28%; }
.gov-cmp td.gov-cmp-conv { width: 36%; }
.gov-cmp td.gov-cmp-wuc {
  width: 36%;
  border-inline-start: 1px solid var(--gov-line-hairline);
  background: var(--gov-bg-subtle);
}
.gov-cmp td.gov-cmp-wuc strong { color: var(--gov-ink-primary); font-weight: 600; }
@media (max-width: 768px) {
  .gov-cmp, .gov-cmp thead, .gov-cmp tbody, .gov-cmp tr, .gov-cmp td, .gov-cmp th { display: block; }
  .gov-cmp thead { display: none; }
  .gov-cmp tbody tr { border-block-end: 1px solid var(--gov-line-hairline); padding-block: var(--gov-sp-3); }
  .gov-cmp tbody tr:last-child { border-block-end: none; }
  .gov-cmp td { border-block-end: none; padding-block: var(--gov-sp-2); }
  .gov-cmp td.gov-cmp-pressure { padding-top: var(--gov-sp-5); width: 100%; }
  .gov-cmp td.gov-cmp-conv,
  .gov-cmp td.gov-cmp-wuc { width: 100%; border-inline-start: none; background: transparent; }
  .gov-cmp td::before {
    display: block;
    content: attr(data-label);
    font-family: var(--gov-mono);
    font-size: var(--gov-fs-mono-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gov-ink-faint);
    margin-bottom: 4px;
  }
  .gov-cmp td.gov-cmp-pressure::before { display: none; }
}

/* SECURITY & COMPLIANCE — Section 5 */
.gov-sec-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gov-sp-7);
  align-items: start;
}
@media (min-width: 1024px) {
  .gov-sec-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: var(--gov-sp-9);
  }
}
.gov-fw-matrix {
  background: var(--gov-bg-base);
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  overflow: hidden;
}
.gov-fw-matrix-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--gov-sp-5) var(--gov-sp-6);
  background: var(--gov-bg-subtle);
  border-block-end: 1px solid var(--gov-line-hairline);
}
.gov-fw-matrix-title {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gov-ink-secondary);
  margin: 0;
}
.gov-fw-matrix-rows { display: flex; flex-direction: column; }
.gov-fw-matrix-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--gov-sp-4);
  padding: var(--gov-sp-5) var(--gov-sp-6);
  border-block-end: 1px solid var(--gov-line-hairline);
}
.gov-fw-matrix-row:last-child { border-block-end: none; }
.gov-fw-matrix-fw {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-body);
  font-weight: 500;
  color: var(--gov-ink-primary);
  margin: 0 0 4px;
  letter-spacing: -0.005em;
}
.gov-fw-matrix-scope {
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-muted);
  line-height: 1.5;
  margin: 0;
}
.gov-ops-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gov-sp-5); }
.gov-ops-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: var(--gov-sp-4);
  align-items: start;
  padding-block-end: var(--gov-sp-5);
  border-block-end: 1px solid var(--gov-line-hairline);
}
.gov-ops-item:last-child { padding-block-end: 0; border-block-end: none; }
.gov-ops-num {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  letter-spacing: 0.06em;
  color: var(--gov-ink-faint);
  padding-top: 4px;
}
.gov-ops-title {
  font-size: var(--gov-fs-body);
  font-weight: 600;
  color: var(--gov-ink-primary);
  margin: 0 0 4px;
  letter-spacing: -0.005em;
}
.gov-ops-desc { font-size: 15px; color: var(--gov-ink-secondary); line-height: 1.55; margin: 0; }
.gov-disclosure {
  margin-top: var(--gov-sp-7);
  padding: var(--gov-sp-5);
  background: var(--gov-bg-subtle);
  border-inline-start: 3px solid var(--gov-line-strong);
  border-radius: 0 var(--gov-r-2) var(--gov-r-2) 0;
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-secondary);
  font-style: italic;
  line-height: 1.55;
}

/* OPERATIONAL INTELLIGENCE — Section 6 */
.gov-intel-grid { display: grid; grid-template-columns: 1fr; gap: var(--gov-sp-5); }
@media (min-width: 768px) { .gov-intel-grid { grid-template-columns: repeat(3, 1fr); } }
.gov-intel-card {
  background: var(--gov-bg-base);
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  padding: var(--gov-sp-6);
  display: flex;
  flex-direction: column;
  gap: var(--gov-sp-3);
}
.gov-intel-num {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  letter-spacing: 0.08em;
  color: var(--gov-accent);
  margin: 0 0 var(--gov-sp-2);
}
.gov-intel-title {
  font-size: var(--gov-fs-h4);
  font-weight: 600;
  letter-spacing: -0.012em;
  color: var(--gov-ink-primary);
  margin: 0 0 var(--gov-sp-2);
}
.gov-intel-desc { font-size: 15px; color: var(--gov-ink-secondary); line-height: 1.55; margin: 0; }

/* DELIVERY MODEL — Section 7 */
.gov-flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gov-sp-5);
  position: relative;
}
@media (min-width: 768px) {
  .gov-flow {
    grid-template-columns: repeat(5, 1fr);
    gap: var(--gov-sp-3);
  }
  .gov-flow::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 10%;
    right: 10%;
    height: 1px;
    background: var(--gov-line-strong);
    z-index: 0;
  }
}
.gov-flow-step { position: relative; z-index: 1; background: var(--gov-bg-base); padding: var(--gov-sp-4); }
.gov-flow-marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--gov-line-strong);
  background: var(--gov-bg-base);
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  color: var(--gov-ink-primary);
  margin-bottom: var(--gov-sp-4);
}
.gov-flow-step--active .gov-flow-marker {
  background: var(--gov-bg-trust);
  border-color: var(--gov-bg-trust);
  color: var(--gov-ink-inverse);
}
.gov-flow-label {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gov-ink-primary);
  margin: 0 0 var(--gov-sp-2);
}
.gov-flow-desc { font-size: 14px; color: var(--gov-ink-secondary); line-height: 1.5; margin: 0; }

/* RISK / CONTINUITY — Section 8 */
.gov-risk-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--gov-line-hairline);
  border: 1px solid var(--gov-line-hairline);
  border-radius: var(--gov-r-3);
  overflow: hidden;
}
@media (min-width: 768px) { .gov-risk-grid { grid-template-columns: repeat(2, 1fr); } }
.gov-risk-card { background: var(--gov-bg-base); padding: var(--gov-sp-7); }
.gov-risk-num {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  letter-spacing: 0.08em;
  color: var(--gov-accent);
  margin: 0 0 var(--gov-sp-3);
}
.gov-risk-title {
  font-size: var(--gov-fs-h3);
  font-weight: 600;
  letter-spacing: -0.014em;
  line-height: 1.25;
  margin: 0 0 var(--gov-sp-3);
}
.gov-risk-desc { font-size: 15px; color: var(--gov-ink-secondary); line-height: 1.6; margin: 0; }

/* FAQ — Section 9 */
.gov-faq-list { border-block-start: 1px solid var(--gov-line-hairline); max-width: 880px; }
.gov-faq-item { border-block-end: 1px solid var(--gov-line-hairline); }
.gov-faq-q {
  width: 100%;
  display: grid;
  grid-template-columns: 56px 1fr 24px;
  align-items: center;
  gap: var(--gov-sp-4);
  padding: var(--gov-sp-6) 0;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
  transition: background 120ms ease;
}
.gov-faq-q:hover .gov-faq-q-text { color: var(--gov-accent); }
.gov-faq-q-num {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-faint);
  letter-spacing: 0.04em;
}
.gov-faq-q-text {
  font-size: var(--gov-fs-h4);
  font-weight: 600;
  letter-spacing: -0.012em;
  color: var(--gov-ink-primary);
  line-height: 1.35;
  transition: color 120ms ease;
}
.gov-faq-chevron {
  width: 16px;
  height: 16px;
  transition: transform 200ms ease;
  color: var(--gov-ink-muted);
  justify-self: end;
}
.gov-faq-item[aria-expanded="true"] .gov-faq-chevron { transform: rotate(180deg); }
.gov-faq-a {
  display: grid;
  grid-template-columns: 56px 1fr 24px;
  gap: var(--gov-sp-4);
  max-height: 0;
  overflow: hidden;
  transition: max-height 280ms ease, padding 280ms ease;
}
.gov-faq-item[aria-expanded="true"] .gov-faq-a {
  max-height: 600px;
  padding-block-end: var(--gov-sp-7);
}
.gov-faq-a-content {
  grid-column: 2;
  font-size: var(--gov-fs-body);
  color: var(--gov-ink-secondary);
  line-height: 1.65;
  max-width: 64ch;
}
.gov-faq-a-content p { margin: 0 0 var(--gov-sp-3); }
.gov-faq-a-content p:last-child { margin: 0; }

/* FINAL CTA — Section 10 */
.gov-final {
  padding-block: clamp(72px, 10vw, 128px);
  background:
    radial-gradient(800px 400px at 0% 100%, rgba(0,80,200,0.18), transparent 60%),
    var(--gov-bg-trust);
  color: var(--gov-ink-inverse);
}
.gov-final-h {
  font-size: var(--gov-fs-display);
  font-weight: 600;
  letter-spacing: -0.022em;
  line-height: 1.06;
  margin: 0 0 var(--gov-sp-5);
  max-width: 22ch;
  color: var(--gov-ink-inverse);
}
.gov-final-sub {
  font-size: var(--gov-fs-lead);
  color: var(--gov-ink-inverse-2);
  line-height: 1.55;
  max-width: 60ch;
  margin: 0 0 var(--gov-sp-7);
}
.gov-final-cta { display: flex; flex-wrap: wrap; gap: var(--gov-sp-3); margin-bottom: var(--gov-sp-6); }
.gov-final-phone {
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-sm);
  color: var(--gov-ink-inverse-2);
  margin: 0 0 var(--gov-sp-7);
}
.gov-final-phone a {
  color: var(--gov-ink-inverse);
  text-decoration: none;
  border-bottom: 1px dotted var(--gov-line-trust);
}
.gov-final-phone a:hover { border-color: var(--gov-ink-inverse); }
.gov-final-disclosure {
  margin-top: var(--gov-sp-6);
  padding-block-start: var(--gov-sp-5);
  border-block-start: 1px solid var(--gov-line-trust);
  font-family: var(--gov-mono);
  font-size: var(--gov-fs-mono-xs);
  color: var(--gov-ink-inverse-2);
  line-height: 1.6;
  max-width: 80ch;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .wuc-gov-page *, .wuc-gov-page *::before, .wuc-gov-page *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== MOBILE OVERFLOW RESCUE — added 2026-05-09 (sweep) =====
   Generic [class*=...] selectors so it works for any page-prefix variant. */
@media (max-width: 768px) {
    [class*="-trust-row"],
    [class*="-trust-strip"],
    [class*="-badge-row"] {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
    [class*="-trust-cell"],
    [class*="-badge-cell"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    button[class*="-faq-q"],
    button[class*="-faq-q"] > span,
    [class*="-faq-question"],
    [class*="-faq-question"] > span {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        hyphens: auto;
    }
    [class*="-matrix-wrap"],
    [class*="-table-wrap"],
    [class*="-compare-wrap"] {
        max-width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    [class*="-matrix"]:not([class*="-wrap"]),
    [class*="-compare-table"] {
        min-width: 600px;
        max-width: none;
    }
    [class*="-hero"],
    [class*="-hero"] * {
        max-width: 100vw;
    }
    [class*="-stats-row"],
    [class*="-metric-row"],
    [class*="-kpi-row"] {
        flex-wrap: wrap !important;
        gap: 16px !important;
    }
    [class*="-stat-cell"],
    [class*="-metric-cell"],
    [class*="-kpi-cell"] {
        flex: 1 1 calc(50% - 16px) !important;
        min-width: 0 !important;
    }
    [class*="-pillar-grid"],
    [class*="-feature-grid"],
    [class*="-card-grid"] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    img, picture, svg, video, iframe {
        max-width: 100%;
        height: auto;
    }
    html, body {
        max-width: 100vw;
        overflow-x: clip;
    }
}
@media (max-width: 480px) {
    [class*="-trust-cell"] { font-size: 14px; }
    button[class*="-faq-q"] { padding: 14px 16px; }
    [class*="-stat-cell"],
    [class*="-metric-cell"],
    [class*="-kpi-cell"] {
        flex: 1 1 100% !important;
    }
}
/* ===== end MOBILE OVERFLOW RESCUE ===== */

/* ===== MOBILE OVERFLOW RESCUE v2 — added 2026-05-09 =====
   Supplements v1. Targets residuals discovered via DOM probe:
   - tables with hardcoded min-width that exceed viewport (e.g., .cio-matrix 880px)
   - exit-intent banners and notification overlays with fixed pixel widths
   - reCAPTCHA badge oversize on narrow phones */
@media (max-width: 768px) {
    /* Tables: any matrix/compare table becomes a self-scrolling block */
    table[class*="-matrix"],
    table[class*="-compare"],
    [class*="-matrix"]:not([class*="-wrap"]),
    [class*="-compare-table"] {
        display: block !important;
        overflow-x: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch !important;
    }
    /* Inner table layout preserved while parent is overflow-scrollable */
    table[class*="-matrix"] thead,
    table[class*="-matrix"] tbody,
    table[class*="-matrix"] tr {
        display: table-row-group;
    }
    table[class*="-matrix"] thead { display: table-header-group; }
    table[class*="-matrix"] tr { display: table-row; }

    /* Exit banners / popup asides: fit narrow viewport */
    aside[id*="exit"],
    aside[class*="exit"],
    [id*="-exit-banner"],
    [class*="-exit-banner"],
    [id*="-popup"],
    [class*="-popup-card"] {
        max-width: calc(100vw - 32px) !important;
        width: auto !important;
        left: 16px !important;
        right: 16px !important;
    }

    /* Generic table protection — last-resort catch-all */
    table {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    /* reCAPTCHA badge — shrink so it doesn't dominate the corner */
    .grecaptcha-badge {
        transform: scale(0.75);
        transform-origin: bottom right;
    }

    /* Tighter exit-banner padding on small phones */
    aside[id*="exit"],
    [class*="-exit-banner"] {
        padding: 16px !important;
    }
}
/* ===== end MOBILE OVERFLOW RESCUE v2 ===== */