/* ============================================================================
   governance.css · scoped page sheet for Governance & Security
   Loaded LAST. Binds to --ds-* tokens, sharp 2-3px radius, authority ease.
   Reuses the home's instrument classes (v3-audit, gv-stream, pf-flow, ed-index,
   ind-seg). This sheet adds only the new grammar this page needs.
   ============================================================================ */

.page-governance {
  --gv-ease: var(--ds-ease-authority);
  /* constrained type scale · titles (Newsreader): T1 hero / T2 section use DS heading classes;
     T3 = card/sub heading, T4 = nested item title. Text (Hanken): regular / small / xs.
     Hierarchy descends by nesting: a level only appears one step below its parent. */
  --gv-t3: clamp(1.15rem, 1rem + .7vw, 1.5rem);
  --gv-t4: clamp(1rem, .95rem + .28vw, 1.14rem);
  --gv-text: 1rem;
  --gv-text-sm: .84rem;
  --gv-text-xs: .74rem;
}

/* section vertical rhythm: generous, "one idea per section breathes" */
.page-governance .section_layout { position: relative; }

/* ---- reduced-motion: every bespoke reveal settles to its final state ------ */
@media (prefers-reduced-motion: reduce) {
  .page-governance [class*="gv-"] { transition: none !important; animation: none !important; }
}

/* ===========================================================================
   1 · HERO reassurance chips (sits under the lead, in the hero copy column)
   =========================================================================== */
.page-governance .gv-chips {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(22px, 2.6vw, 30px);
}
.page-governance .gv-chip {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--ds-font-ui); font-weight: 700; font-size: 13.5px;
  color: var(--ds-color-green-deep);
  background: var(--ds-surface-raised);
  border: 1px solid var(--ds-border-strong);
  border-radius: 2px; padding: 9px 14px;
  box-shadow: var(--ds-shadow);
}
.page-governance .gv-chip svg { width: 15px; height: 15px; color: var(--ds-color-green); flex: none; }

/* ===========================================================================
   2 · CLINICIAN AUTHORITY · two-column posture + clinical-setting image
   =========================================================================== */
.page-governance .gv-authority {
  display: grid; grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(28px, 4vw, 64px); align-items: center;
}
.page-governance .gv-authority__media { position: relative; }
.page-governance .gv-authority__media image-slot {
  display: block; width: 100%; aspect-ratio: 5/4;
}
/* the interim-counsel block: marked, audit-grade, not a regression to "autonomous" */
.page-governance .gv-counsel {
  margin-top: clamp(22px, 2.4vw, 30px);
  background: var(--ds-surface-tint);
  border: 1px solid var(--ds-color-ink-a10);
  border-radius: var(--ds-radius-base, 3px);
  padding: clamp(20px, 2.2vw, 26px) clamp(22px, 2.4vw, 30px);
}
.page-governance .gv-counsel__k {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--ds-font-ui); font-weight: 800; text-transform: uppercase;
  letter-spacing: .14em; font-size: 11px; color: var(--ds-color-copper-ink);
  margin-bottom: 12px;
}
.page-governance .gv-counsel p { margin: 0; color: var(--ds-text-primary); font-size: var(--ds-text-body); line-height: 1.62; max-width: 62ch; }
.page-governance .gv-counsel__note { margin-top: 12px !important; font-size: 12px; font-style: italic; color: var(--ds-text-secondary); }

/* ===========================================================================
   3 · count-up evidence tiles row (under the audit window, on dark)
   =========================================================================== */
.page-governance .gv-metrics {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(14px, 1.6vw, 22px);
  margin-top: clamp(28px, 3.4vw, 48px);
}
@media (max-width: 720px) { .page-governance .gv-metrics { grid-template-columns: 1fr; } }
.page-governance .gv-metric {
  background: rgba(255,245,233,.05);
  border: 1px solid rgba(255,245,233,.16);
  border-radius: 3px; padding: clamp(20px, 2.2vw, 28px);
}
.page-governance .gv-metric__n {
  font-family: var(--ds-font-display); font-weight: 600;
  font-size: clamp(2.2rem, 1.4rem + 2.4vw, 3.1rem); line-height: 1;
  color: var(--ds-color-bone); font-variant-numeric: tabular-nums;
  display: flex; align-items: baseline; gap: 2px;
}
.page-governance .gv-metric__n .suf { font-size: .5em; color: var(--ds-color-copper-light); font-weight: 600; }
.page-governance .gv-metric__l {
  margin-top: 12px; font-family: var(--ds-font-ui); font-size: 13.5px;
  line-height: 1.5; color: rgba(255,245,233,.76); max-width: 30ch;
}

/* ===========================================================================
   3b · #provenance redesign: widget moved up-left, header moved into the grid
   on the right (client feedback 2026-07-06). Mirrors the #governance-entry
   redesign on Home (home.css) so the shared component reads identically on
   both pages. The evidence checklist itself was dropped from this section
   (client feedback 2026-07-06) — kept on Home's #governance-entry only.
   =========================================================================== */
#provenance .v3-govern-grid { align-items: start; }

/* ===========================================================================
   5 · FRAMEWORKS · plain-English expandable note (shared <details> style)
   =========================================================================== */
.page-governance .gv-note {
  margin-top: clamp(20px, 2.2vw, 28px);
  border: 1px solid var(--ds-border-subtle); border-radius: 2px;
  background: var(--ds-surface-raised); overflow: hidden;
}
.page-governance .gv-note > summary {
  list-style: none; cursor: pointer; padding: 16px 20px;
  font-family: var(--ds-font-ui); font-weight: 700; font-size: 14.5px;
  color: var(--ds-color-green-deep);
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
.page-governance .gv-note > summary::-webkit-details-marker { display: none; }
.page-governance .gv-note > summary .gv-note__plus {
  width: 18px; height: 18px; flex: none; position: relative; transition: transform var(--ds-dur) var(--gv-ease);
}
.page-governance .gv-note > summary .gv-note__plus::before,
.page-governance .gv-note > summary .gv-note__plus::after {
  content: ""; position: absolute; background: var(--ds-color-copper); border-radius: 2px;
}
.page-governance .gv-note > summary .gv-note__plus::before { left: 0; right: 0; top: 8px; height: 2px; }
.page-governance .gv-note > summary .gv-note__plus::after { top: 0; bottom: 0; left: 8px; width: 2px; }
.page-governance .gv-note[open] > summary .gv-note__plus { transform: rotate(45deg); }
.page-governance .gv-note__body { padding: 0 20px 18px; }
.page-governance .gv-note__body p { margin: 0; font-size: 14.5px; line-height: 1.62; color: var(--ds-text-primary); max-width: 64ch; }

/* ===========================================================================
   6 · DATA / PRIVACY / RESIDENCY · elevated bento + duo-tone icons
   =========================================================================== */
.page-governance .gv-resi {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
  gap: clamp(24px, 3vw, 44px);
  align-items: stretch;
}
@media (max-width: 960px) { .page-governance .gv-resi { grid-template-columns: 1fr; } }

.page-governance .gv-resi__copy {
  display: flex; flex-direction: column;
  gap: clamp(14px, 1.6vw, 20px);
  min-width: 0;
}

.page-governance .gv-resi__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-content: start;
}
@media (max-width: 560px) { .page-governance .gv-resi__cards { grid-template-columns: 1fr; } }

.page-governance .gv-rcard {
  position: relative;
  background: var(--ds-surface-raised);
  border: 1px solid var(--ds-border-subtle);
  border-radius: 6px;
  padding: 18px 18px 18px 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "ic body tag";
  align-items: start;
  gap: 14px;
  box-shadow: 0 1px 2px rgba(30,44,36,.04);
  transition: transform .3s var(--ds-ease-authority, ease), box-shadow .3s var(--ds-ease-authority, ease), border-color .3s var(--ds-ease-authority, ease);
  overflow: hidden;
}
.page-governance .gv-rcard::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--ds-color-copper) 0%, var(--ds-color-green) 100%);
  opacity: 0;
  transition: opacity .3s var(--ds-ease-authority, ease);
}
.page-governance .gv-rcard:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ds-color-green) 32%, var(--ds-border-strong));
  box-shadow: 0 1px 2px rgba(30,44,36,.04), 0 14px 32px rgba(30,44,36,.08);
}
.page-governance .gv-rcard:hover::before { opacity: 1; }

.page-governance .gv-rcard__ic {
  grid-area: ic;
  width: 44px; height: 44px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ds-color-sage) 70%, var(--ds-color-bone));
  border: 1px solid color-mix(in srgb, var(--ds-color-green) 22%, var(--ds-border-strong));
  display: grid; place-items: center;
  flex: none;
}
.page-governance .gv-rcard__ic svg { width: 26px; height: 26px; display: block; }

.page-governance .gv-rcard__body { grid-area: body; min-width: 0; }
.page-governance .gv-rcard__t {
  margin: 0 0 4px;
  font-family: var(--ds-font-display, var(--ds-font-ui));
  font-size: 15px;
  font-weight: 700;
  color: var(--ds-color-green-deep);
  line-height: 1.3;
  letter-spacing: -.005em;
}
.page-governance .gv-rcard__d {
  margin: 0;
  font-family: var(--ds-font-ui);
  font-size: 13px;
  color: var(--ds-text-secondary);
  line-height: 1.5;
}

.page-governance .gv-rcard__tag {
  grid-area: tag;
  align-self: start;
  font-family: var(--ds-font-ui);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ds-color-green) 14%, var(--ds-color-bone));
  color: var(--ds-color-green-deep);
  border: 1px solid color-mix(in srgb, var(--ds-color-green) 24%, transparent);
  white-space: nowrap;
}
.page-governance .gv-resi__note { margin-top: 4px; }

.page-governance .gv-resi__media {
  margin: 0;
  display: flex; flex-direction: column;
  gap: 14px;
  min-width: 0;
  height: 100%;
}
.page-governance .gv-resi__media-inner {
  flex: 1 1 auto;
  min-height: clamp(360px, 38vw, 560px);
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.page-governance .gv-resi__media image-slot {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}
.page-governance .gv-resi__cap {
  display: flex; align-items: flex-start; gap: 8px;
  margin: 0;
  font-family: var(--ds-font-ui);
  font-size: 12px;
  color: var(--ds-text-secondary);
  line-height: 1.55;
}
.page-governance .gv-resi__cap svg { width: 14px; height: 14px; color: var(--ds-color-green); flex: none; margin-top: 2px; }


/* ===========================================================================
   7 · TWO REGULATORY LANES · Rose vs Dr Sophia
   =========================================================================== */
.page-governance .gv-lanes {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 2vw, 26px);
}
@media (max-width: 820px) { .page-governance .gv-lanes { grid-template-columns: 1fr; } }
.page-governance .gv-lane {
  position: relative; background: var(--ds-surface-raised);
  border: 1px solid var(--ds-border-strong); border-radius: 3px;
  padding: clamp(26px, 2.6vw, 38px); overflow: hidden;
  display: flex; flex-direction: column;
}
.page-governance .gv-lane--engine { background: var(--ds-color-green-deep); border-color: var(--ds-color-green-deep); }
.page-governance .gv-lane__constel {
  position: absolute; top: clamp(20px,2.4vw,30px); right: clamp(20px,2.4vw,30px);
  width: 84px; height: 84px; opacity: .9; pointer-events: none;
}
.page-governance .gv-lane__k {
  font-family: var(--ds-font-ui); font-weight: 800; text-transform: uppercase;
  letter-spacing: .14em; font-size: 11px; color: var(--ds-color-copper-ink); margin-bottom: 14px;
}
.page-governance .gv-lane--engine .gv-lane__k { color: var(--ds-color-copper-light); }
.page-governance .gv-lane__name { font-family: var(--ds-font-display); font-weight: 600; font-size: clamp(1.4rem, 1.1rem + 1vw, 1.85rem); color: var(--ds-color-green-deep); margin: 0 0 6px; }
.page-governance .gv-lane--engine .gv-lane__name { color: var(--ds-color-bone); }
.page-governance .gv-lane__status {
  display: inline-flex; align-items: center; gap: 8px; align-self: flex-start;
  font-family: var(--ds-font-ui); font-weight: 700; font-size: 12.5px;
  border-radius: 2px; padding: 6px 11px; margin-bottom: 20px;
  background: var(--ds-color-green-50, #E7F0EB); color: var(--ds-color-green-deep);
  border: 1px solid var(--ds-color-green-100, #cfe2d7);
}
.page-governance .gv-lane--engine .gv-lane__status { background: rgba(255,245,233,.12); color: var(--ds-color-bone); border-color: rgba(255,245,233,.22); }
.page-governance .gv-lane__rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: var(--ds-border-subtle); border: 1px solid var(--ds-border-subtle); border-radius: 2px; overflow: hidden; }
.page-governance .gv-lane--engine .gv-lane__rows { background: rgba(255,245,233,.14); border-color: rgba(255,245,233,.14); }
.page-governance .gv-lane__row { background: var(--ds-surface-raised); padding: 13px 16px; }
.page-governance .gv-lane--engine .gv-lane__row { background: var(--ds-color-green-deep); }
.page-governance .gv-lane__row b { display: block; font-family: var(--ds-font-ui); font-weight: 800; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--ds-text-secondary); margin-bottom: 4px; }
.page-governance .gv-lane--engine .gv-lane__row b { color: rgba(255,245,233,.6); }
.page-governance .gv-lane__row span { font-size: 14px; line-height: 1.5; color: var(--ds-text-primary); }
.page-governance .gv-lane--engine .gv-lane__row span { color: rgba(255,245,233,.9); }
.page-governance .gv-lanes__strip {
  margin-top: clamp(16px, 2vw, 24px);
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; justify-content: center;
  background: var(--ds-surface-muted); border-radius: 3px;
  padding: clamp(18px, 2vw, 24px) clamp(20px, 2.4vw, 32px); text-align: center;
}
.page-governance .gv-lanes__strip b { font-family: var(--ds-font-display); font-weight: 600; font-size: clamp(1.05rem,.95rem+.5vw,1.3rem); color: var(--ds-color-green-deep); }
.page-governance .gv-lanes__strip span { font-size: 14px; color: var(--ds-text-secondary); }

/* ===========================================================================
   8 · ADVISORY BOARD · seating placeholder + 3-layer structure + portrait
   =========================================================================== */
.page-governance .gv-board { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
@media (max-width: 900px) { .page-governance .gv-board { grid-template-columns: 1fr; } }
.page-governance .gv-board__media image-slot { display: block; width: 100%; aspect-ratio: 4/5; }
.page-governance .gv-board__seating {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--ds-font-ui); font-weight: 700; font-size: 12.5px;
  color: var(--ds-color-copper-ink); background: var(--ds-surface-tint);
  border: 1px dashed var(--ds-color-copper-light); border-radius: 2px;
  padding: 8px 13px; margin-bottom: 18px;
}
.page-governance .gv-board__seating .d { width: 8px; height: 8px; border-radius: 50%; background: var(--ds-color-copper); flex: none; }
.page-governance .gv-layers { list-style: none; margin: clamp(22px,2.4vw,30px) 0 0; padding: 0; display: grid; gap: 12px; counter-reset: layer; }
.page-governance .gv-layer {
  display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start;
  background: var(--ds-surface-raised); border: 1px solid var(--ds-border-subtle);
  border-radius: 2px; padding: 18px 20px;
}
.page-governance .gv-layer__n {
  counter-increment: layer; font-family: var(--ds-font-display); font-weight: 600;
  font-size: 18px; color: var(--ds-color-copper-ink);
  width: 34px; height: 34px; flex: none; border: 1px solid var(--ds-border-strong);
  border-radius: 2px; display: grid; place-items: center;
}
.page-governance .gv-layer__n::before { content: counter(layer, decimal-leading-zero); }
.page-governance .gv-layer b { display: block; font-family: var(--ds-font-ui); font-weight: 800; font-size: 15px; color: var(--ds-color-green-deep); }
.page-governance .gv-layer span { display: block; font-size: 13.5px; color: var(--ds-text-secondary); margin-top: 4px; line-height: 1.5; }

/* ===========================================================================
   9 · EVIDENCE & CERTIFICATIONS · verified / in-audit / next (status text only)
   =========================================================================== */
.page-governance .gv-evi { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
@media (max-width: 820px) { .page-governance .gv-evi { grid-template-columns: 1fr; } }
.page-governance .gv-evi__col {
  background: var(--ds-surface-raised); border: 1px solid var(--ds-border-subtle);
  border-radius: 3px; padding: clamp(22px, 2.2vw, 30px);
  border-top: 3px solid var(--ds-border-strong);
}
.page-governance .gv-evi__col.is-verified { border-top-color: var(--ds-color-green); }
.page-governance .gv-evi__col.is-audit { border-top-color: var(--ds-color-copper); }
.page-governance .gv-evi__col.is-next { border-top-color: var(--ds-color-olive); }
.page-governance .gv-evi__k {
  font-family: var(--ds-font-ui); font-weight: 800; text-transform: uppercase;
  letter-spacing: .12em; font-size: 11.5px; color: var(--ds-text-secondary); margin-bottom: 16px;
}
.page-governance .gv-evi__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 13px; }
.page-governance .gv-evi__col li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.page-governance .gv-evi__col li b { font-family: var(--ds-font-ui); font-weight: 700; font-size: 14.5px; color: var(--ds-color-green-deep); }
.page-governance .gv-evi__col li span { font-size: 12px; color: var(--ds-text-secondary); font-style: italic; white-space: nowrap; }
.page-governance .gv-evi__foot { margin-top: clamp(20px,2.2vw,28px); font-size: 13px; font-style: italic; color: var(--ds-text-secondary); max-width: 70ch; }

/* ===========================================================================
   10 · DEEP-EVALUATION FAQ · accordion (native <details> = built-in states)
   =========================================================================== */
.page-governance .gv-faq { max-width: 920px; border-top: 1px solid var(--ds-border-strong); }
.page-governance .gv-faq__item { border-bottom: 1px solid var(--ds-border-strong); }
.page-governance .gv-faq__item > summary {
  list-style: none; cursor: pointer;
  padding: clamp(20px, 2.3vw, 28px) 6px; display: flex; align-items: center; gap: 24px;
  font-family: var(--ds-font-display); font-weight: 600;
  font-size: var(--gv-t4); line-height: 1.32; color: var(--ds-color-green-deep);
  transition: color var(--ds-dur) var(--gv-ease);
}
.page-governance .gv-faq__item > summary::-webkit-details-marker { display: none; }
.page-governance .gv-faq__item > summary:hover { color: var(--ds-color-green-bright); }
.page-governance .gv-faq__q { flex: 1; }
.page-governance .gv-faq__ic { width: 20px; height: 20px; flex: none; position: relative; }
.page-governance .gv-faq__ic::before,
.page-governance .gv-faq__ic::after { content: ""; position: absolute; background: var(--ds-color-copper); border-radius: 2px; transition: transform var(--ds-dur) var(--gv-ease); }
.page-governance .gv-faq__ic::before { left: 0; right: 0; top: 9px; height: 2px; }
.page-governance .gv-faq__ic::after { top: 0; bottom: 0; left: 9px; width: 2px; }
.page-governance .gv-faq__item[open] > summary .gv-faq__ic::after { transform: scaleY(0); }
.page-governance .gv-faq__a { padding: 2px 6px clamp(22px, 2.4vw, 30px) 0; }
.page-governance .gv-faq__a p { margin: 0; max-width: 74ch; font-size: var(--gv-text); line-height: 1.66; color: var(--ds-text-primary); }

/* bottom CTA card in the right column: text left, action right (its own two-column) */
.page-governance .gv-faq-cta {
  margin-top: auto; display: grid; grid-template-columns: 1fr auto;
  gap: 18px 36px; align-items: center;
  background: var(--ds-surface-muted); border-radius: 3px;
  padding: clamp(24px, 2.6vw, 34px) clamp(26px, 2.8vw, 38px);
  margin-top: clamp(28px, 3.2vw, 44px);
}
@media (max-width: 560px) {
  .page-governance .gv-faq-cta { grid-template-columns: 1fr; }
  .page-governance .gv-faq-cta__btn { width: 100%; justify-content: center; }
}
.page-governance .gv-faq-cta__tx b {
  display: block; font-family: var(--ds-font-display); font-weight: 600;
  font-size: var(--gv-t3); line-height: 1.2; color: var(--ds-color-green-deep); margin-bottom: 7px;
}
.page-governance .gv-faq-cta__tx span {
  display: block; font-size: var(--gv-text-sm); line-height: 1.55;
  color: var(--ds-text-secondary); max-width: 56ch;
}
.page-governance .gv-faq-cta__btn { flex: none; }
.page-governance .gv-faq__a .gv-faq__pend { font-style: italic; color: var(--ds-text-secondary); }

/* ===========================================================================
   12 · CANONICAL CLINICAL DISCLAIMER · verbatim, audit-grade block
   =========================================================================== */
.page-governance .section_disclaimer { background: var(--ds-surface-muted); }
.page-governance .gv-disc {
  max-width: 1080px; background: var(--ds-surface-raised);
  border: 1px solid var(--ds-border-subtle); border-radius: 3px;
  box-shadow: var(--ds-shadow-lift); overflow: hidden;
}
.page-governance .gv-disc__head {
  display: flex; align-items: center; gap: 16px;
  padding: clamp(20px, 2.2vw, 26px) clamp(22px, 2.6vw, 36px);
  border-bottom: 1px solid var(--ds-border-subtle);
  background: linear-gradient(180deg, var(--ds-surface-tint), var(--ds-surface-raised));
}
.page-governance .gv-disc__shield {
  width: 44px; height: 44px; flex: none; border-radius: 2px;
  display: grid; place-items: center; background: var(--ds-color-green-deep);
}
.page-governance .gv-disc__shield svg { width: 22px; height: 22px; color: var(--ds-color-copper-light); }
.page-governance .gv-disc__headtx { flex: 1; min-width: 0; }
.page-governance .gv-disc__k {
  font-family: var(--ds-font-ui); font-weight: 800; text-transform: uppercase;
  letter-spacing: .14em; font-size: 11px; color: var(--ds-color-copper-ink); margin: 0 0 5px;
}
.page-governance .gv-disc__sub {
  margin: 0; font-family: var(--ds-font-display); font-weight: 700;
  font-size: var(--gv-t4); line-height: 1.25; color: var(--ds-color-green-deep); max-width: 48ch;
}
.page-governance .gv-disc__lock {
  flex: none; display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--ds-font-ui); font-weight: 700; font-size: 11.5px;
  color: var(--ds-text-secondary); background: var(--ds-surface-muted);
  border: 1px solid var(--ds-border-subtle); border-radius: 2px; padding: 7px 12px;
}
.page-governance .gv-disc__lock svg { width: 14px; height: 14px; color: var(--ds-color-green); }
@media (max-width: 600px) { .page-governance .gv-disc__lock { display: none; } }
.page-governance .gv-disc__body { padding: clamp(22px, 2.6vw, 32px) clamp(22px, 2.6vw, 36px) clamp(6px, 1vw, 10px); }
.page-governance .gv-disc__body p {
  margin: 0; font-size: var(--gv-text-sm); line-height: 1.74; color: var(--ds-text-secondary);
  text-align: justify; hyphens: auto;
}
@media (min-width: 880px) {
  .page-governance .gv-disc__body { column-count: 2; column-gap: clamp(32px, 3.6vw, 60px); }
}
.page-governance .gv-disc__note {
  margin: 0; padding: 0 clamp(22px,2.6vw,36px) clamp(20px,2.2vw,28px);
  font-size: 12px; font-style: italic; color: var(--ds-text-secondary);
}

/* ===========================================================================
   asymmetry / rhythm helpers (deliberate editorial offsets, within the grid)
   =========================================================================== */
/* footer legal sig: the long SaMD line must wrap (DS default is nowrap) */
.page-governance .site-foot__sig { white-space: normal; }

/* Footer link hover: underline */
.page-governance .site-foot__col a{ text-decoration: none; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.page-governance .site-foot__col a:hover{ text-decoration: underline; }

/* Footer disclaimer + Acknowledgement of Country two-col row */
.page-governance .site-foot__discrow{
  margin-top: clamp(30px, 4vw, 48px);
  padding-top: 28px;
  border-top: 1px solid rgba(255,245,233,.16);
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
@media (max-width: 880px){
  .page-governance .site-foot__discrow{ grid-template-columns: 1fr; }
}
.page-governance .site-foot__disc-k{
  font-family: var(--ds-font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #E9A66B;
  margin: 0 0 12px;
}
.page-governance .site-foot__disc-body{
  font-family: var(--ds-font-ui);
  font-size: 11.5px;
  line-height: 1.7;
  color: rgba(255,245,233,.58);
  margin: 0;
  text-wrap: pretty;
}
.page-governance .site-foot__disc-sig{
  margin-top: 14px;
  font-family: var(--ds-font-ui);
  font-size: 10.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,245,233,.5);
  line-height: 1.7;
}
.page-governance .site-foot__disc-sig b{ color: #E9A66B; font-weight: 700; }
.page-governance .site-foot__flags{
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}
.page-governance .site-foot__flag{
  display: block;
  width: 44px;
  height: 28px;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255,245,233,.18);
}
.page-governance .site-foot__flag svg{ display: block; width: 100%; height: 100%; }
.page-governance .site-foot__disc-credit{
  margin-top: 12px;
  font-family: var(--ds-font-ui);
  font-size: 10.5px;
  line-height: 1.65;
  color: rgba(255,245,233,.42);
  font-style: italic;
}

/* ===========================================================================
   10b · FAQ · header row + two-column (shader fact-card | accordion)
   =========================================================================== */
.page-governance .gv-faq-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px 40px; flex-wrap: wrap; margin-bottom: clamp(28px, 3.4vw, 48px);
}
.page-governance .gv-faq-head__cta { flex: none; }
@media (max-width: 600px) { .page-governance .gv-faq-head__cta { width: 100%; justify-content: center; } }

.page-governance .gv-faq-grid {
  display: grid; grid-template-columns: 0.86fr 1.14fr;
  column-gap: clamp(40px, 5.2vw, 84px); row-gap: clamp(32px, 4vw, 48px);
  align-items: stretch;
}
.page-governance .gv-faq-col { display: flex; flex-direction: column; }
@media (max-width: 960px) { .page-governance .gv-faq-grid { grid-template-columns: 1fr; } }
.page-governance .gv-faq-grid .gv-faq { max-width: none; border-top: none; }

/* --- left: the shader fact-card -------------------------------------------- */
.page-governance .gv-faq-aside {
  position: relative; overflow: hidden; border-radius: 3px;
  background: var(--ds-color-green-deep);
  min-height: 420px; display: flex; flex-direction: column;
  padding: clamp(26px, 2.6vw, 38px);
  box-shadow: var(--ds-shadow-lift);
  isolation: isolate;
}
@media (max-width: 960px) { .page-governance .gv-faq-aside { order: 2; } }

/* the modern shader: round dots sitting on a faint grid, with a vignette + drifting copper glow */
.page-governance .gv-faq-aside__field {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-color: var(--ds-color-green-deep);
  background-image:
    radial-gradient(circle at center, rgba(233,166,107,.30) 1.1px, transparent 1.6px),
    linear-gradient(rgba(255,245,233,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,245,233,.045) 1px, transparent 1px),
    radial-gradient(135% 90% at 80% 4%, rgba(11,122,75,.58) 0%, transparent 56%),
    radial-gradient(120% 120% at 8% 106%, rgba(2,42,28,.92) 0%, transparent 60%),
    radial-gradient(95% 80% at 64% 60%, rgba(216,108,30,.12) 0%, transparent 62%);
  background-size: 27px 27px, 27px 27px, 27px 27px, 100% 100%, 100% 100%, 100% 100%;
  background-position: center, center, center, 0 0, 0 0, 0 0;
  -webkit-mask-image: radial-gradient(135% 110% at 30% 0%, #000 44%, rgba(0,0,0,.45) 100%);
          mask-image: radial-gradient(135% 110% at 30% 0%, #000 44%, rgba(0,0,0,.45) 100%);
}
/* the wave: a soft diagonal band travels across the card, lighting the dots copper
   as it passes, then letting them fade. Dots align with the base field so they glow
   in place. Non-invasive: a narrow band, screen-blended, slow. */
.page-governance .gv-faq-aside__glow {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(122deg,
    transparent 33%,
    rgba(233,166,107,.15) 46%,
    rgba(216,108,30,.24) 50%,
    rgba(233,166,107,.15) 54%,
    transparent 67%);
  background-size: 240% 240%; background-repeat: no-repeat;
  mix-blend-mode: screen; opacity: .85;
  animation: gvWave 12s linear infinite;
}
.page-governance .gv-faq-aside__glow::after {
  content: ""; position: absolute; inset: 0;
  background-image: radial-gradient(40% 32% at 50% 50%, rgba(255,208,150,.20), transparent 72%);
  background-size: 240% 240%; background-repeat: no-repeat;
  mix-blend-mode: screen;
  animation: gvWave 12s linear infinite;
}
@keyframes gvWave {
  0%   { background-position: 152% 152%; }
  100% { background-position: -52% -52%; }
}
@media (prefers-reduced-motion: reduce) {
  .page-governance .gv-faq-aside__glow,
  .page-governance .gv-faq-aside__glow::after { animation: none; background-position: 50% 50%; opacity: .4; }
}

.page-governance .gv-faq-aside__top { position: relative; }
.page-governance .gv-faq-aside__k {
  display: inline-flex; align-items: center; gap: 11px;
  font-family: var(--ds-font-ui); font-weight: 800; text-transform: uppercase;
  letter-spacing: .14em; font-size: 11px; color: var(--ds-color-copper-light);
}
.page-governance .gv-faq-aside__k svg { width: 30px; height: 11px; fill: var(--ds-color-copper-light); flex: none; }
.page-governance .gv-faq-aside__lead {
  margin: 16px 0 0; max-width: 18ch;
  font-family: var(--ds-font-display); font-weight: 500;
  font-size: clamp(1.5rem, 1.15rem + 1.4vw, 2.3rem); line-height: 1.16; letter-spacing: -.01em;
  color: var(--ds-color-bone);
}

/* nested fact widgets, pinned to the bottom of the card */
.page-governance .gv-faq-stats {
  position: relative; margin-top: auto; padding-top: clamp(24px, 3vw, 40px);
  display: grid; grid-template-columns: 1fr; gap: 10px;
}
.page-governance .gv-stat {
  background: var(--ds-surface-raised); border-radius: 2px;
  padding: clamp(13px, 1.5vw, 17px) clamp(15px, 1.7vw, 18px);
  box-shadow: 0 1px 2px rgba(3,69,44,.10), 0 14px 30px rgba(3,69,44,.16);
}
.page-governance .gv-stat--wide { grid-column: 1 / -1; }
/* matched to the established title/description pair already used one
   section over for the same "small card, title + one-line description"
   shape: .gv-evi-card__t / .gv-evi-card__p (governance-redux.css). Client
   feedback 2026-07-06: stop inventing sizes, reuse this pairing verbatim. */
.page-governance .gv-stat__n {
  font-family: "Gantari", var(--ds-font-display), sans-serif; font-weight: 500;
  font-size: clamp(20px, 1.6vw, 24px); line-height: 1.15;
  letter-spacing: -.02em; color: var(--ds-color-green-deep); display: block;
}
.page-governance .gv-stat--wide .gv-stat__n { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem); color: var(--ds-color-copper-ink); }
.page-governance .gv-stat__sub { font-size: .46em; font-weight: 600; color: var(--ds-color-copper-ink); margin-left: 1px; }
.page-governance .gv-stat__l {
  margin-top: 8px; font-family: var(--ds-font-ui); font-weight: 700;
  font-size: 14px; line-height: 1.55; color: var(--ds-color-olive);
}

/* relocated detail beneath the consensus diagram, tied to its container */
.page-governance .pf-note { position: relative; margin-top: clamp(24px, 2.8vw, 36px); padding-top: clamp(20px, 2.4vw, 30px); }
.page-governance .pf-note__rule { display: block; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--ds-border-strong) 14%, var(--ds-border-strong) 86%, transparent); }
.page-governance .pf-note__tx { margin: 0 auto; max-width: 74ch; text-align: center;
  font-size: var(--gv-text-sm); line-height: 1.66; color: var(--ds-text-secondary); }

.page-governance .gv-lead { max-width: 64ch; }
.page-governance .gv-offset-up { margin-top: clamp(-44px, -3vw, -24px); }
@media (max-width: 900px) { .page-governance .gv-offset-up { margin-top: 0; } }

/* ===========================================================================
   1b · HERO · centred content with the constellation beneath, the part that
   sits behind the copy progressively blurred + dimmed, crisp + prominent below.
   =========================================================================== */
.page-governance .hf-hero-section { overflow: clip; }
.page-governance .gv-hero { position: relative; }
.page-governance .gv-hero__copy {
  position: relative; z-index: 3; text-align: center;
  max-width: 860px; margin-inline: auto;
  padding-bottom: clamp(20px, 3vw, 40px);
}
.page-governance .gv-hero__copy .eyebrow { justify-content: center; }
.page-governance .gv-hero__copy .hero_title { width: 70%; max-width: none; margin-inline: auto; text-align: center; }
@media (max-width: 1024px) { .page-governance .gv-hero__copy .hero_title { width: 80%; } }
@media (max-width: 640px)  { .page-governance .gv-hero__copy .hero_title { width: 100%; } }
.page-governance .gv-hero__copy .hero_lead { margin-inline: auto; max-width: 64ch; }
.page-governance .gv-chips--center { justify-content: center; gap: clamp(18px, 3vw, 40px); }
.page-governance .gv-hero__sep { width: min(440px, 72%); height: 1px; margin: clamp(26px,3.2vw,40px) auto clamp(20px,2.4vw,28px);
  background: linear-gradient(90deg, transparent, var(--ds-border-strong) 16%, var(--ds-border-strong) 84%, transparent); }
.page-governance .gv-hero__copy .gv-chip {
  background: none; border: none; box-shadow: none; padding: 0;
  color: var(--ds-color-olive); font-family: var(--ds-font-ui); font-weight: 700;
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase; gap: 10px;
}
.page-governance .gv-chip__sig { width: 24px; height: 8px; fill: var(--ds-color-copper); flex: none; }
.page-governance .gv-hero__actions { justify-content: center; }

/* the constellation: ~80vw desktop, ~90vw tablet/mobile, tucked up under the copy */
.page-governance .gv-hero__field {
  position: relative; z-index: 1;
  --fh: clamp(420px, 46vw, 680px);
  width: 80vw; left: 50%; transform: translateX(-50%);
  margin-top: calc(var(--fh) * -0.5);
  height: var(--fh); overflow: hidden;
  display: flex; flex-direction: column; align-items: center;
}
@media (max-width: 1024px) { .page-governance .gv-hero__field { width: 90vw; } }
.page-governance .gv-hero__field .lab-anim {
  max-width: none; width: 100%; height: 100%; aspect-ratio: auto; margin: 0;
}
.page-governance .gv-hero__field .lab-anim canvas { width: 100%; height: 100%; }
/* progressive gradient blur + dim over the top of the field, where the copy sits */
.page-governance .gv-hero__blur {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px);
  background: linear-gradient(180deg,
    var(--ds-color-bone) 0%, rgba(255,245,233,.82) 30%, rgba(255,245,233,.34) 46%, rgba(255,245,233,0) 60%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 46%, rgba(0,0,0,0) 72%);
          mask-image: linear-gradient(180deg, #000 0%, #000 46%, rgba(0,0,0,0) 72%);
}
.page-governance .gv-hero__field .lab-cap { position: relative; z-index: 3; margin-top: auto; }
@media (prefers-reduced-motion: reduce) {
  .page-governance .gv-hero__blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
}
@media (max-width: 600px) {
  .page-governance .gv-hero__field { --fh: clamp(340px, 86vw, 460px); }
}

/* aside footer: a section-level component, not a brand symbol */
.page-governance .gv-faq-aside__foot {
  position: relative; margin-top: clamp(20px, 2.2vw, 28px);
  padding-top: clamp(16px, 1.8vw, 22px); border-top: 1px solid rgba(255,245,233,.14);
  display: flex; align-items: center; justify-content: space-between; gap: 14px 20px; flex-wrap: wrap;
}
.page-governance .gv-faq-aside__foot > span {
  font-family: var(--ds-font-ui); font-size: 12.5px; line-height: 1.45;
  color: rgba(255,245,233,.82); max-width: 34ch;
}
.page-governance .gv-faq-aside__lk {
  flex: none; display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--ds-font-ui); font-weight: 700; font-size: 12.5px;
  color: var(--ds-color-copper-light); text-decoration: none; white-space: nowrap;
}
.page-governance .gv-faq-aside__lk svg { width: 15px; height: 10px; transition: transform var(--ds-dur) var(--gv-ease); }
.page-governance .gv-faq-aside__lk:hover svg { transform: translateX(4px); }


/* solo clinician image replacing the 2-orb cluster (client feedback 2026-07-03) */
.page-governance .gv-auth2__orbs--solo{display:grid;place-items:center}
.page-governance .gv-auth2__orb--solo{position:relative;width:72%;left:auto;top:auto;aspect-ratio:1}

/* green-card foot: copper-ink is a light-ground token; on the dark card use copper-light */
.page-governance .gv-faq-aside__foot .is-copper-ink{ color: var(--ds-color-copper-light); }