:root {
  --f-body: "Literata", Georgia, serif;
  --f-head: "Instrument Sans", system-ui, sans-serif;
  --f-meta: "Instrument Sans", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;
  --size: 15px;
  --lh: 1.7;
  --measure: 840px;
  --h1: 42px;
  --h2: 28px;
  --h3: 23px;
  --h-weight: 600;
  --track: -.02em;
}

.post { position: relative; }

@media (min-width: 1300px) {
  .post .meta { position: absolute; left: -210px; top: 0; width: 180px; margin: 0; text-align: right; line-height: 1.6; }
  .post .meta .date { display: block; margin: 0 0 10px; color: var(--heading); }
  .post .meta a { display: block; margin: 0; }
  .post header h1 { margin-bottom: 48px; }
}