.period-page > header .prose {
    max-width: 68ch;
    margin-bottom: 0;
}

.period-directory { max-width: 52rem; }
.period-directory section { margin-block: 2.5rem; }
.period-directory h2 { margin-bottom: 1rem; }
.period-row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .9rem 0; border-top: 1px solid var(--line); }
.period-row strong { font-weight: 500; }
.period-row small { display: block; color: var(--muted); }
.period-row > small { white-space: nowrap; }
.period-row span small { margin-top: .25rem; }

.period-page > h2 {
    margin-block: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 2.5vw, 2rem);
}
.period-catalog-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.period-page > .period-return { margin-block-start: 1.5rem; }