:root{
  --sans:Helvetica,Arial,"Liberation Sans",sans-serif;
  --serif:Helvetica,Arial,"Liberation Sans",sans-serif;
  --ink:#1F2933;
}

body{
  color:var(--ink);
  font-family:var(--sans);
}

h1,h2,h3{
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.18;
}

h1{font-size:clamp(2.25rem,4.6vw,3.75rem)}
h2{font-size:clamp(1.625rem,2.7vw,2.25rem)}
h3{font-size:clamp(1.125rem,1.5vw,1.35rem)}

.hero h1,.diagnostic h2,.site-footer h2{color:var(--white)}
.hero h1 em{color:inherit;font-style:normal}

.eyebrow,.category-code,.video-category,.detail-category{
  color:var(--gold-accessible);
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:.12em;
}

.hero .eyebrow,.hero-note .eyebrow,.diagnostic .eyebrow{color:var(--gold-on-dark)}

.brand-mark,.situation-card strong{font-family:var(--sans)}