/* Journal expansion: unique text-led articles retain the three original images. */
.page-journal .journal-card{min-width:0}
.page-journal .journal-card>div.journal-card-copy{padding:clamp(1.25rem,2.4vw,1.8rem)}
.page-journal .journal-card h2{overflow-wrap:anywhere}
.journal-numbered-header{min-height:8.5rem;padding:1.5rem 1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border-bottom:1px solid var(--line);background:var(--mist)}
.journal-numbered-header>span{font-size:3.7rem;line-height:1;font-weight:400;letter-spacing:-.06em;color:var(--pine)}
.journal-numbered-header>p{max-width:14ch;text-align:right;font-size:.85rem;line-height:1.5;color:var(--ink)}
.journal-card:nth-child(3n+2) .journal-numbered-header{background:color-mix(in srgb,var(--paper) 90%,var(--violet))}
.journal-card:nth-child(3n) .journal-numbered-header{background:color-mix(in srgb,var(--paper) 88%,var(--pine))}
.journal-reading .journal-source,.journal-reading .journal-related{display:flex;max-width:100%;overflow-wrap:anywhere;gap:.8rem;align-items:flex-start}
.journal-reading .journal-related{margin-top:1.2rem;font-size:.88rem}
.journal-reading>summary .icon{transition:transform .2s ease}
@media(prefers-reduced-motion:reduce){.journal-reading>summary .icon{transition:none}}
@media(max-width:700px){.journal-numbered-header{min-height:7rem;padding:1.3rem}.journal-numbered-header>span{font-size:3.1rem}}

/* Reserve the diagonal extents of the animated disclosure icon. */
.page-journal .journal-reading>summary{padding-inline:.35rem}

/* Long localized headings and enlarged reading labels keep their full ink area. */
.page-journal .journal-card h2{line-height:1.35;padding-block:.08em}
.page-journal .journal-reading>summary{overflow-wrap:anywhere}
