/* A2: Cooler lab white, teal signal, square corners, dot-grid chart field, solid score chips. */
:root {
  --paper: #F4F4F1; --panel: #FFFFFF; --ink: #101418; --ink-2: #3E444B; --graphite: #6B7177;
  --rule: #D9DAD5; --rule-soft: #E6E7E3;
  --green: #0E7A6A; --green-2: #5FA99C; --green-wash: #D8ECE8;
  --mast: #0E7A6A; --watch: #5FA99C; --band-mast: #DDEFEB;
}
.wordmark { text-transform: uppercase; letter-spacing: 0.18em; font-size: 17px; font-weight: 600; }
.field-hero, .box, .summary, .pc, .vlist li, .ts { border-radius: 4px !important; }
.field-hero { border: 1px solid var(--rule); background-color: #fff; background-image: radial-gradient(#D6D8D3 1px, transparent 1px); background-size: 14px 14px; }
.ts { background: var(--green); }
.ts .ts-label, .ts .ts-figs em { color: #BFE0DA; } .ts .ts-one { color: #E2F2EF; } .ts .ts-figs b { color: #fff; }
.vlist li { border: 1px solid var(--rule); }
.band { background: var(--green); color: #fff !important; border-color: var(--green); }
.band.fair, .band.rich { background: var(--graphite); border-color: var(--graphite); }
.ts .band { background: #fff; color: var(--green) !important; }
.mh-nav a[aria-current="page"] { border-radius: 4px; background: var(--ink); color: #fff; }