/* Shared editorial rhythm: close within a group, generous between sections.
   Homepage and landing pages retain their own compositions. */
:root { --space-section: 52px; --space-related: 16px; }
.journal-page:has(> .site-nav) { padding-top: 64px; }
.journal-page > .site-nav { margin-bottom: 48px; }
.page-stack:has(> .page-heading) { gap: var(--space-section); }
.page-heading { gap: var(--space-related); }
.page-heading > .section-block[aria-labelledby="short-version-title"] { margin-top: 8px; }
.page-heading > .topic-browse, .page-heading > .resource-sections { margin-top: 0; }
.page-stack:has(> .archive-controls) { gap: 32px; }
.page-stack:has(> .archive-controls) .archive-status { margin: 0; }
.page-stack:has(> .archive-controls) .writing-formats { margin: 0; }
.essay-page .page-stack { gap: 40px; }
.essay-page .article-header { gap: 20px; padding-bottom: 28px; }
.essay-page .article-meta { margin-top: 0; }
.essay-page .comments { padding-top: 28px; gap: 24px; }
.essay-page .comments-heading { gap: 12px; }
@media(min-width:621px) {
 .homepage .intro { gap: 28px; }
 .homepage .homepage-newsletter { margin-top: -12px; }
 .homepage .landscape-footer { margin-top: -58px; }
 .subscribe-hero h1 { margin-bottom: 40px; }
 .subscribe-signup { margin-top: 40px; }
}
@media(max-width:620px) {
 :root { --space-section: 40px; }
 .journal-page:has(> .site-nav) { padding-top: 28px; }
 .journal-page > .site-nav.mobile-menu-ready { margin-bottom: 24px; }
 .page-stack:has(> .archive-controls) { gap: 28px; }
 .essay-page .page-stack { gap: 32px; }
 .essay-page .article-header { gap: 20px; padding-bottom: 24px; }
 .essay-page .comments { padding-top: 24px; }
 /* The mobile homepage begins directly with its profile, without a menu. */
 .homepage .journal-page { padding-top: 40px; }
}