.journal { padding-block: clamp(30px, 5vw, 76px); }
.journal nav { margin-bottom: 1.5rem; }
.journal h1 { max-width: 18ch; font-size: clamp(2.65rem, 1.6rem + 3vw, 5.65rem); text-wrap: balance; }
.journal-lead { max-width: 72ch; font-size: clamp(1rem, .9rem + .35vw, 1.25rem); }
.journal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem 1.5rem; margin-top: 2.5rem; }
.journal-grid a { display: block; text-decoration: none; }
.journal-grid a:hover h2 { text-decoration: underline; }
.journal-grid img { aspect-ratio: 16 / 10; background: #eeeae4; }
.journal-grid h2 { margin: .8rem 0 0; font-size: clamp(1.6rem, 1.3rem + .7vw, 2.25rem); text-wrap: initial; }
.journal-cover { aspect-ratio: 2.5; margin: 1.75rem 0 2.4rem; background: #eeeae4; }
.journal-prose { max-width: 72ch; margin-inline: auto; }
.journal-prose h2, .journal-actions h2 { font-size: clamp(1.9rem, 1.5rem + 1vw, 2.7rem); margin: 1.8rem 0 .8rem; text-wrap: initial; }
.journal-actions { max-width: 72ch; margin: 2.2rem auto; border-block: 1px solid var(--rule); padding-block: .5rem 1.4rem; }
.journal-actions .actions { margin-top: .75rem; }
@media (max-width: 880px) { .journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .journal-grid { grid-template-columns: 1fr; } .journal-cover { aspect-ratio: 1.65; } }