/* /tiers/ — the tier definitions.

   The page otherwise uses the shared top-level layout (h4 eyebrow, h1, lead,
   `hr.rule`, `div.prose`) that /about/ and the source pages use, so the only
   thing needing styles of its own is the definition list: a `dl` inside
   `.prose` has no spacing rules there, and its dt/dd would run together. */

.tier-defs { margin: 1.2rem 0 0; }

.tier-defs dt {
  margin-top: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.tier-defs dt:first-child { margin-top: 0; }
.tier-defs dt .faint { font-weight: 400; font-size: 0.86rem; }
.tier-defs dd { margin: 0.3rem 0 0; }

/* Bianco's own word for what a rung costs an adversary. Kept quiet: it
   describes the class of indicator, never the rule in front of you. */
.tier-defs .tier-pain {
  font-size: 0.72rem;
  color: var(--ink-faint);
  font-weight: 400;
  font-style: italic;
}