.site-header nav { flex-wrap:wrap; justify-content:flex-end; }
.site-header nav a:first-child { display:inline; }
.journal-heading,.article-heading { padding-block:52px 72px; }
.journal-heading h1 { font-size:clamp(3rem,7vw,6.5rem); margin:26px 0 38px; }
.journal-heading .script { display:inline-block; font-size:1.15em; line-height:1.4; }
.article-heading h1 { font-size:clamp(2rem,4.6vw,4rem); max-width:22ch; margin:24px 0; overflow-wrap:break-word; }
.dek { max-width:55ch; font-size:clamp(1.05rem,2vw,1.35rem); color:var(--cream); }
.byline,.back-link { font-size:.875rem; }
.byline { margin-top:28px; }
.back-link { display:inline-block; margin-bottom:32px; }
.paper { background:var(--cream); color:var(--green); }
.prose { width:min(100% - 48px,720px); margin-inline:auto; padding-block:64px; font-size:1.125rem; line-height:1.85; overflow-wrap:break-word; }
.prose h2 { font-size:clamp(1.5rem,3vw,2rem); margin:48px 0 20px; line-height:1.45; }
.prose p+p { margin-top:22px; }
.prose li { margin-bottom:14px; padding-left:5px; }
.prose ul,.prose ol { padding-left:24px; }
.prose blockquote { margin:38px 0; border-left:4px solid var(--green); padding:12px 0 12px 25px; font-size:1.35rem; }
.example { padding:25px; margin:26px 0; background:var(--pink); }
.article-figure { margin:32px 0; }
.article-figure img { width:100%; }
.article-figure.cover { max-width:540px; margin:0 auto 48px; }
.article-figure figcaption { font-size:.85rem; margin-top:12px; }
.source-note { font-size:.9rem; border-top:1px solid; padding-top:20px; margin-top:40px!important; }
.article-cta { margin-top:52px; border-block:1px solid; padding-block:32px; }
.article-cta h2 { margin-top:18px; }
.article-cta .button { background:var(--green); color:var(--cream); margin-block:22px; white-space:normal; }
.story-list { margin-block:35px; border-top:1px solid; }
.story { display:grid; grid-template-columns:48px 1fr 24px; gap:26px; padding:30px 0; border-bottom:1px solid; text-decoration:none; }
.story h3 { font-size:clamp(1.25rem,2.3vw,1.9rem); line-height:1.45; margin:10px 0; }
.story:hover h3 { text-decoration:underline; text-underline-offset:.2em; }
.story p:not(.eyebrow) { max-width:70ch; font-size:1rem; }
.story-number { font-size:1.1rem; }
.journal-index { padding-block:32px 50px; }
.home-journal,.related { padding-block:60px; }
.home-journal h2,.related h2 { font-size:clamp(1.8rem,4vw,3rem); margin:22px 0; }
.reading-footer { padding-block:40px; display:flex; gap:35px; justify-content:space-between; border-top:1px solid; }
.reading-footer a { overflow-wrap:anywhere; }
@media(max-width:700px) {
 .site-header { flex-wrap:wrap; gap:24px; }
 .site-header nav { width:100%; justify-content:flex-start; gap:14px 20px; }
 .site-header nav a { font-size:.8rem; }
 .journal-heading,.article-heading { padding-block:25px 44px; }
 .prose { font-size:1rem; padding-block:36px; }
 .story { grid-template-columns:1fr 20px; gap:12px; padding:25px 0; }
 .story-number { display:none; }
 .reading-footer { flex-direction:column; }
 .home-journal,.related { padding-block:35px; }
 .example { padding:20px; }
}
