/* A single white page canvas; brand colour stays in type, rules and controls. */
html, body, main,
.site-header, .site-nav, .metrics, .intro-section, .process-section,
.model-section, .impact-section, .impact-copy, .governance-section,
.risk-section, .terms-section, .faq-section, .closing-section,
.page-hero, .detail-page, .detail-hero, .calculator-section,
.site-footer { background: #fff; }

.hero { background: #fff; color: #164676; }
.hero-grain { display: none; }
.hero-copy { max-width: min(560px, 47%); }
.hero h1, .hero-lede, .hero-note { color: #164676; }
.hero-lede { color: #405769; }
.hero-note { color: #607487; }
.hero .eyebrow, .hero .light-link { color: #356c2b; }
.hero .button-light { background: #164676; color: #fff; }
.hero .button-light:hover { background: #10365d; }
.hero-art { inset: 0 0 0 auto; width: 49%; }
.hero-art::after { background: linear-gradient(0deg, rgba(13, 43, 70, .42), transparent 42%); }
.hero-bottom { color: #164676; }

.page-hero, .detail-hero { color: #164676; border-bottom: 1px solid #d7e3e8; }
.page-hero h1, .detail-hero h1 { color: #164676; }
.page-hero p, .detail-hero > p { color: #405769; }
.page-hero .eyebrow, .detail-eyebrow { color: #356c2b; }
.detail-hero h1 em { color: #65aa42; }
.detail-hero-stats { border-color: #d7e3e8; }
.detail-hero-stats > div { border-color: #d7e3e8; }
.detail-hero-stats span { color: #637b8b; }
.detail-hero-stats strong { color: #164676; }

.source-alert, .detail-facts article, .step-grid article,
.contact-grid article, .banking-card, .calculator-controls,
.calculator-card, .liquidity-callout, .party-grid article { background: #fff; }
.detail-facts article, .step-grid article, .contact-grid article,
.banking-card, .calculator-controls, .calculator-card,
.liquidity-callout { border: 1px solid #d7e3e8; }
.detail-facts article { border-top: 3px solid #65aa42; }
.detail-table tbody tr:nth-child(even), .calculator-table .total-row { background: #fff; }
.calculator-section { border-top: 1px solid #d7e3e8; border-bottom: 1px solid #d7e3e8; }

.risk-section { color: #18344a; border-top: 1px solid #d7e3e8; border-bottom: 1px solid #d7e3e8; }
.risk-heading .intro-label, .risk-heading h2, .risk-heading h2 em,
.risk-grid h3 { color: #164676; }
.risk-heading > p, .risk-grid p, .risk-footer p { color: #526779; }
.risk-grid article > span, .risk-footer > span { color: #356c2b; }
.risk-grid, .risk-grid article, .risk-grid article:nth-child(n+3) { border-color: #d7e3e8; }
.risk-heading .number { border-color: #d7e3e8; color: #164676; }
.closing-section { border-top: 1px solid #d7e3e8; }
.closing-orb { display: none; }

@media (max-width: 900px) {
  .hero-copy { max-width: 50%; }
  .hero-art { width: 47%; }
}
@media (max-width: 640px) {
  .site-nav { background: #fff; }
  .hero { min-height: 0; padding: 62px 25px 0; }
  .hero-copy { max-width: none; padding: 0 0 37px; }
  .hero-art { position: relative; inset: auto; width: calc(100% + 50px); height: 350px; margin: 0 -25px; }
  .hero-art::after { background: linear-gradient(0deg, rgba(13, 43, 70, .45), transparent 42%); }
  .hero-caption { bottom: 28px; }
  .hero-bottom { position: relative; left: auto; right: auto; bottom: auto; padding: 17px 0 23px; }
  .detail-hero-stats > div:nth-child(-n+2) { border-bottom-color: #d7e3e8; }
}