/* ==========================================================================
   Caveris — the Platform pages
   The Platform section's brand, per Website Copy v0.3 §1: grey and gold,
   the pine wordmark on a light ground. Loaded after /caveris.css, which
   stays the source of every shared rule; this file only overrides.
   ========================================================================== */

:root{ --grey:#EDEBE7; --grey-deep:#DAD6CF; }

body.platform{ background:var(--white); }
body.platform .masthead{ background:var(--grey); border-bottom:3px solid var(--gold); }
body.platform .eyebrow{ color:var(--charcoal); }
body.platform .eyebrow .dia{ color:var(--gold); }
body.platform h1{ color:var(--pine); }
body.platform .standfirst{ color:var(--charcoal); }
body.platform nav.top a{ color:var(--charcoal); }
body.platform nav.top a:hover,
body.platform nav.top a[aria-current=page]{ color:var(--pine); border-bottom-color:var(--gold); }
body.platform .masthead :focus-visible{ outline-color:var(--pine); }

body.platform .cta{ background:var(--grey); border-left:4px solid var(--gold); }
body.platform .cta h3{ color:var(--pine); }
body.platform .cta p{ color:var(--charcoal); }
body.platform .cta a.btn{ color:var(--white); background:var(--pine); border-color:var(--pine); }
body.platform .cta a.btn:hover{ background:#0E261F; }
body.platform .cta a.btn.ghost{ background:transparent; color:var(--pine); border-color:var(--pine); }
body.platform .cta :focus-visible{ outline-color:var(--pine); }

/* plain data table */
table.plain{ width:100%; border-collapse:collapse; margin:1.3rem 0 1.6rem; font-size:.95rem; }
table.plain th{ text-align:left; font-size:.7rem; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--pine); padding:.6rem .5rem; border-bottom:2px solid var(--gold); }
table.plain td{ padding:.75rem .5rem; border-bottom:1px solid var(--rule); vertical-align:top; }
table.plain td:first-child{ font-weight:600; white-space:nowrap; }

/* role cards on Who does what */
.role{ border-top:1px solid var(--rule); padding:1.3rem 0 .4rem; }
.role h3{ font-family:var(--serif); font-weight:500; font-size:1.5rem; color:var(--pine); margin:0 0 .2rem; }
.role .who{ color:var(--muted); font-size:.92rem; margin:0 0 .8rem; }
.role ul{ margin:0 0 1rem; padding-left:1.1rem; }
.role li{ margin:0 0 .45rem; }

@media (max-width:34rem){
  table.plain td:first-child{ white-space:normal; }
}