/* Long-form reading. The measure and the leading are the whole design here;
   everything else gets out of the way. */

.article__head > * { min-width: 0; }
.article__head {
  display: grid; gap: var(--s-4);
  padding-block: clamp(var(--s-8), 9vw, var(--s-9)) var(--s-7);
  border-bottom: 1px solid var(--line);
  margin-bottom: var(--s-8);
  max-width: var(--wide);
}
.article__title { font-size: clamp(24px, 3.4vw, 48px); max-width: 22ch; min-width: 0; }
.article__standfirst { max-width: 54ch; color: var(--ink-2); }
.article__meta { display: flex; gap: var(--s-3); color: var(--ink-3); }

.article__body { font-size: var(--t-base); line-height: 1.72; }
.article__body > p { color: var(--ink-2); }
.article__body strong { color: var(--ink); font-weight: 600; }

.article__topics {
  display: grid; gap: var(--s-3);
  max-width: var(--measure);
  margin-top: var(--s-8); padding-top: var(--s-6);
  border-top: 1px solid var(--line);
}
.article__foot { margin-block: var(--s-7) var(--s-9); }