.type-h1, .type-h2, .type-h3, .type-h4 { color: var(--color-black); }
.type-h1 { font: 400 var(--font-h1)/var(--line-solid) var(--font-medium); letter-spacing: -.03em; }
.type-h2 { font: 400 var(--font-h2)/var(--line-heading) var(--font-medium); letter-spacing: -.01em; }
.type-h3 { font: 400 var(--font-h3)/var(--line-solid) var(--font-medium); }
.type-h4 { font: 400 var(--font-h4)/var(--line-solid) var(--font-medium); }
.type-lead { font-size: var(--font-lead); line-height: var(--line-heading); }
.type-label { font-size: 18px; line-height: 1; text-transform: uppercase; }
.type-body { font-size: var(--font-body); line-height: var(--line-body); }
.type-body-medium { font: 400 var(--font-body)/var(--line-body) var(--font-medium); }
.type-small { font-size: var(--font-small); line-height: var(--line-body); }
.type-small-medium { font: 400 var(--font-small-medium)/1 var(--font-medium); }
.type-caption { font-size: var(--font-caption); line-height: var(--line-body); }
/* Shared site shell and low-specificity states for ordinary links. */
.site-page { background: var(--color-blue-050); }
a { color: var(--color-blue-500); }
a:hover { color: var(--color-blue-700); }
a:not(.button):focus { color: var(--color-blue-500); background: var(--color-blue-100); }
a:not(.button)[aria-disabled="true"] { color: var(--color-gray-400); pointer-events: none; }
@media (max-width: 390px) {
  .type-h1, .type-h2, .type-h3 { line-height: 1.2; letter-spacing: -.01em; font-family: var(--font-medium); }
  .type-h4, .type-body, .type-body-medium, .type-small, .type-small-medium { line-height: 1.4; }
}