.post-article { max-width: 76ch; }
.post-article .hero-img { overflow: hidden; margin-bottom: 24px; border: 1px solid var(--border); border-radius: var(--radius); }
.post-article .hero-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.post-article .date { display: block; margin-bottom: 16px; color: var(--text-soft); font-size: 0.84rem; }
.post-article .body-copy { margin-top: 24px; }
.post-article .body-copy p { margin-bottom: 1.1em; }
.post-article .body-copy h2, .post-article .body-copy h3 { margin-top: 1.45em; }
.post-article .body-copy ul, .post-article .body-copy ol { padding-left: 1.35em; }
.post-article .body-copy img { margin: 1.3em 0; border: 1px solid var(--border); border-radius: var(--radius); }
.post-article .body-copy a { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 2px; }