@import url("/brand/tokens.css");

/* Retain the complete diagnostic layout while sharing the corporate palette. */
body.brand-governance {
  --ink:var(--brand-text);--muted:var(--brand-muted);--paper:var(--brand-paper);
  --card:#fff;--green:var(--brand-navy);--gold:var(--brand-gold);
  --line:var(--brand-line);--shadow:0 16px 40px rgb(10 15 30 / .08);
  background:var(--brand-paper);color:var(--brand-text);
  font-family:var(--brand-font-body);
}
.brand-governance .shell {width:min(var(--brand-content-width),calc(100% - 40px))}
.brand-governance .hero {
  background:linear-gradient(90deg,rgb(10 15 30 / .98) 0%,rgb(10 15 30 / .9) 55%,rgb(10 15 30 / .5)),url("/home/portada.webp") right 35%/cover;
  border-radius:var(--brand-radius);box-shadow:none;
}
.brand-governance :is(h1,h2,h3) {font-family:var(--brand-font-heading);font-weight:500;letter-spacing:-.01em}
.brand-governance .hero h1 {font-family:var(--brand-font-heading);font-weight:500;line-height:1.06}
.brand-governance .hero :is(h1,.brand-copy strong) {color:var(--brand-on-dark)}
.brand-governance .hero p {color:var(--brand-muted-dark)}
.brand-governance .brand {text-decoration:none}
.brand-governance :is(.brand-mark,.brand-copy span,.hero h1 em,.kicker) {color:var(--brand-gold)}
.brand-governance :is(.q,.result-card,.panel,.cell,.seed-item,.metric-card,.deliverable,.timeline,.future-card) {background:#fff;border-color:var(--brand-line);border-radius:var(--brand-radius)}
.brand-governance :is(.section-title h2,.result h2,.panel h3,.cell b,.map-seed h3,.offer h2,.offer h3,.deliverable b) {color:var(--brand-navy)}
.brand-governance :is(.lead,.q small,.cell small,.seed-item span,.future-card p,.offer-lead,.loss-head p,.metric-card small,.metric-card span,.disclaimer,.deliverable span,.day span,.field label,.section-title span,.note,.offer-note,.signature) {color:var(--brand-muted)}
.brand-governance :is(input,select) {background:#fff;border:1px solid var(--brand-line);color:var(--brand-text);font-family:var(--brand-font-body);border-radius:var(--brand-radius)}
.brand-governance :is(input,select)::placeholder {color:var(--brand-muted)}
.brand-governance :is(input,select,button,a):focus-visible {outline:3px solid var(--brand-gold);outline-offset:3px}
.brand-governance :is(.map-seed,.formula,.phrase,.result-head,.loss,.pricing,.close,.delivery,.offer,.price-band) {background:var(--brand-cream);color:var(--brand-text);border-color:var(--brand-line);border-radius:var(--brand-radius)}
.brand-governance :is(.score,.num,.cell.active) {background:var(--brand-paper);border-color:var(--brand-line)}
.brand-governance :is(.score b,.num,.axis,.seed-item b,.metric-card b,.formula b,.day b,.signature b,.map-seed .eyebrow,.offer .eyebrow,.price-band b,.price-band span) {color:var(--brand-gold-ink)}
.brand-governance :is(.primary,.wa-button) {background:var(--brand-gold);color:var(--brand-navy);border-radius:var(--brand-radius);font-family:var(--brand-font-body);box-shadow:none}
.brand-governance :is(.primary,.wa-button):hover {background:var(--brand-gold-hover)}
.brand-governance .secondary {background:transparent;border-color:var(--brand-gold-ink);color:var(--brand-gold-ink);border-radius:var(--brand-radius)}
.brand-governance .brand-resource-links {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:26px 20px;background:var(--brand-navy);font-size:13px}
.brand-governance .brand-resource-links a {color:var(--brand-muted-dark);text-decoration:underline;text-underline-offset:4px}
.brand-governance .brand-resource-links a:hover {color:var(--brand-gold)}
@media print {.brand-governance .brand-resource-links{display:none}}