/* ============================================================
   ETRUM — White variant: white page, navy/black blocks placed
   deliberately (hero, brand-architecture card, fund ledger,
   insights, calls to action, footer). Loaded after styles.css.
   ============================================================ */
:root {
  --stone-50: #FFFFFF;
  --stone-100: #F5F6F8;
  --stone-200: #D9DDE3;
  --hairline-light: rgba(15, 27, 45, 0.14);
  --black: #0B0D12;
}
body { background: #FFFFFF; color: var(--ink); }

/* Header: white chrome, ink type ----------------------------- */
.site-header { background: rgba(255,255,255,.92); border-bottom: 1px solid var(--hairline-light); color: var(--ink); }
.site-header .brand { color: var(--ink); }
.site-header .brand sup { color: var(--ink-muted); }
.nav a { color: #3E4959; }
.nav a:hover, .nav a[aria-current="page"] { color: var(--ink); }
.nav .portal { color: var(--brass-ink); }
.nav .btn { color: var(--ink); border-color: var(--ink); }
.nav .btn:hover { background: var(--ink); color: #fff; }
.nav-toggle { color: var(--ink); border-color: var(--hairline-light); }
@media (max-width: 960px) { .nav { background: #fff; } }

/* Former navy bands become white; deep-navy bands stay as blocks */
.on-navy { background: #FFFFFF; color: var(--ink); }
.on-navy .muted { color: var(--ink-muted); }
.on-navy .eyebrow { color: var(--brass-ink); }
.on-navy .eyebrow::before { background: var(--brass-ink); }
.on-navy .display em { color: var(--brass-ink); }
.on-navy .track.funds { color: #245A75; }
.on-navy .track.industries { color: #5C6E28; }
.on-navy .rule, .on-navy .pillars, .on-navy .pillar, .on-navy .principles, .on-navy .principle,
.on-navy .ledger, .on-navy .ledger a, .on-navy .insight, .on-navy .places li, .on-navy .strip, .on-navy .strip > div,
.on-navy .framework > div { border-color: var(--hairline-light); }
.on-navy .strip .big { color: var(--ink); }
.on-navy .strip .lab, .on-navy .framework dt, .on-navy .insight .tag time, .on-navy .places small, .on-navy .ledger .tags, .on-navy .ledger .sub { color: var(--ink-muted); }
.on-navy .ledger .no, .on-navy .ledger .arrow, .on-navy .principle .k, .on-navy .insight .tag, .on-navy .places li::before, .on-navy .facets h4, .on-navy .textlink { color: var(--brass-ink); }
.on-navy .btn { color: var(--ink); border-color: var(--ink); }
.on-navy .btn:hover { background: var(--ink); color: #fff; }
.on-navy .btn.btn-solid { background: var(--navy-800); border-color: var(--navy-800); color: var(--on-navy); }
.on-navy .pillar .glyph { color: var(--brass-ink); }
.on-navy .pillar h3, .on-navy .principle h4 { color: var(--ink); }

/* Blocks that stay navy / black ------------------------------ */
.on-navy-deep, .cta { background: var(--navy-800); }
.site-footer { background: var(--black); border-top: 0; }
.arch .master { background: var(--black); border-color: rgba(255,255,255,.08); }
.arch .tracks a { background: var(--navy-800); border-color: rgba(255,255,255,.08); color: var(--on-navy); }
.arch .tracks a:hover { background: var(--navy-700); }
.arch .tracks p { color: var(--on-navy-muted); }
.arch .tracks h3, .arch .tracks h3 span { color: var(--on-navy); }
.arch .tracks .track.funds { color: #8FC0DA; }
.arch .tracks .track.industries { color: #B9CC7C; }
.arch .link::before, .arch .link::after, .arch .tracks a::before { background: var(--navy-800); }
.on-navy .arch .textlink { color: var(--brass-light); }
.figure-panel, .person .portrait, .chairman .portrait { background: var(--navy-800); }
.hero { background: var(--navy-900); }
.page-hero { background: var(--navy-900); border-bottom: 0; }
.page-hero.funds { background: linear-gradient(120deg, #0A1E30, var(--navy-900) 70%); }
.page-hero.industries { background: linear-gradient(120deg, #101E14, var(--navy-900) 70%); }
.subnav { background: #fff; }

/* Sector grid and cards on white: give the tiles a faint fill */
.sectors a { background: #fff; }
.sectors a:hover { background: var(--stone-100); }
.ledger a:hover { background: var(--stone-100); }
.on-light-2 .sectors a { background: #fff; }

/* Portal: white page, navy panel on the left ----------------- */
.portal-wrap { background: #fff; color: var(--ink); }
.portal-wrap::before { display: none; }
.portal-side { background: var(--navy-900); color: var(--on-navy); padding: var(--space-5); }
.portal-side .muted, .portal-notes { color: var(--on-navy-muted); }
.portal-side .display em { color: var(--brass-light); }
.portal-card { box-shadow: 0 20px 50px rgba(15,27,45,.12); border: 1px solid var(--hairline-light); border-top: 3px solid var(--brass); }

/* Insights article stub */
.article-shell { background: var(--navy-900); }

/* Contrast tidy-ups on white --------------------------------- */
.on-light .display em, .on-light-2 .display em { color: var(--brass-ink); }
.on-light-2 { border-top: 1px solid var(--hairline-light); border-bottom: 1px solid var(--hairline-light); }

/* Consistent logo lockup everywhere: shield centred over the wordmark, ® hangs outside */
.site-footer .brand { align-items: center; gap: 8px; }
.site-footer .brand > span, .arch .master .wm { position: relative; display: inline-block; padding-left: .34em; }
.site-footer .brand > span sup, .arch .master .wm sup { position: absolute; left: 100%; top: -.1em; margin-left: 2px; }
.arch .master { justify-items: center; text-align: center; }
.arch .master img { margin-inline: auto; }
.arch .master > div { justify-items: center; }
.arch .master p { text-align: center; }

/* Sharper text on black and navy blocks */
.site-footer { color: #D6DCE5; }
.site-footer .legal { font-size: var(--t-sm); color: #C9D0DA; }
.site-footer h5 { color: var(--brass-light); }
.site-footer ul a { color: #E6EAF0; }
.site-footer .bottom { color: #C9D0DA; }
.arch .master p { color: var(--brass-light); font-weight: 600; letter-spacing: .18em; }
.arch .master .wm { color: #FFFFFF; }
.arch .tracks p { color: #D2D9E3; }
.arch .tracks h3 span { color: #E6EAF0; }
.on-navy-deep .muted, .cta .muted, .hero .lede, .page-hero .lede { color: #D6DCE5; }
.on-navy-deep .insight p, .on-navy-deep .ledger .sub, .on-navy-deep .ledger .tags { color: #D2D9E3; }
.on-navy-deep .insight .tag time, .on-navy-deep .framework dt, .on-navy-deep .strip .lab { color: #C4CCD7; }
.hero-aside, .hero-aside dd { color: #FFFFFF; }
.hero-aside dt { color: var(--brass-light); }
.portal-side .muted, .portal-notes { color: #D2D9E3; }
.article-head .lede { color: #D6DCE5; }
.figure-panel { color: #C4CCD7; }
@media (max-width: 960px) { .site-header { background: #fff; } }