.article {
  width: min(760px, calc(100% - 32px));
  margin: 28px auto 72px;
}
.article time {
  display: inline-block;
  margin-bottom: 10px;
  color: #ffe3a3;
  font-weight: 900;
}
.article h2 { font-size: clamp(32px, 4vw, 48px); }
.article .lead { font-size: 18px; }
.article h3 { margin: 28px 0 8px; font-size: 22px; }
.article p { margin: 0 0 12px; color: var(--muted); }
.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.steps a {
  display: block;
  padding: 14px 16px;
  color: inherit;
  background: #120c10;
  border-left: 4px solid var(--ember);
}
.steps strong { display: block; margin-bottom: 4px; }
.steps span { color: var(--muted); font-size: 14px; }
.related { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.related a { color: var(--gold); font-weight: 900; }