/* SHAPE: Article. A single reading column for long-form writing. */

.post { padding: clamp(var(--sp-7), 6vw, var(--sp-9)) 0 var(--sp-8); }
.post-meta {
  display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center;
  font-family: var(--font-mono); font-size: var(--fs-micro);
  color: var(--faint); margin-bottom: var(--sp-4);
}
.post-topic { color: var(--clay-deep); }
.post h1 { font-size: var(--fs-h1); max-width: 22ch; margin-bottom: var(--sp-6); }
.post-body { margin-bottom: var(--sp-8); }
.post-body h2 { font-size: var(--fs-h2); }
.post-body h3 { font-size: var(--fs-h3); }
.post-back { padding-top: var(--sp-5); border-top: 1px solid var(--line); }