.journal-page { color:#1d211e; background:#fafaf8; }
.journal-page main { max-width:var(--page-width); margin:auto; padding-inline:var(--page-gutter); }
.journal-page .breadcrumbs { padding-inline:0; }
.journal-page h1 { font-size:var(--type-page); line-height:1.09; letter-spacing:-.035em; font-weight:600; text-wrap:balance; }
.journal-page h2 { font-size:var(--type-title); line-height:1.25; letter-spacing:-.02em; font-weight:500; text-wrap:balance; }
.journal-hero { padding-block:48px 64px; max-width:880px; }
.journal-hero h1 { margin:24px 0; }
.journal-deck { max-width:720px; color:var(--muted); font-size:21px; line-height:1.6; }
.journal-feature { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:48px; padding-block:40px 72px; border-top:1px solid var(--line); align-items:center; }
.journal-feature h2 { max-width:660px; font-size:clamp(28px,3.6vw,44px); margin:24px 0; }
.journal-feature p { max-width:620px; line-height:1.75; color:var(--muted); }
.journal-feature a { display:inline-block; min-height:44px; padding-block:12px; }
.journal-covers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; }
.journal-covers img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:4px; }
.journal-covers figcaption { grid-column:1/-1; color:var(--muted); font-size:12px; line-height:1.6; }
.journal-article { padding-bottom:72px; }
.journal-article .journal-hero { max-width:980px; padding-bottom:44px; }
.journal-byline { color:var(--muted); font-size:13px; line-height:1.7; margin-top:28px; }
.journal-prose { max-width:740px; margin:auto; font-size:17px; line-height:1.8; }
.journal-prose h2 { margin:44px 0 20px; }
.journal-prose p { margin:0 0 24px; }
.journal-prose a { text-decoration:underline; text-underline-offset:4px; }
.journal-toc { border-block:1px solid var(--line); padding:24px 0; margin-bottom:36px; }
.journal-toc strong { font-size:14px; font-weight:500; }
.journal-toc ol { padding-left:20px; margin-bottom:0; font-size:15px; }
.journal-toc a { display:inline-block; padding:6px 0; }
.journal-next { padding:32px; background:#eff2e9; border-radius:12px; margin-top:40px; }
.journal-next p { margin-top:16px; }
.journal-next a { display:inline-block; min-height:44px; padding-block:10px; margin-right:24px; }
.journal-ethos { max-width:740px; padding-block:32px 64px; font-size:16px; line-height:1.8; color:var(--muted); }
.stories-journal-link { padding:32px 0 48px; border-top:1px solid var(--line); }
.stories-journal-link p { font-size:17px; color:var(--muted); max-width:650px; }
.stories-journal-link a { display:inline-block; min-height:44px; padding-block:10px; }
@media(max-width:760px) { .journal-hero { padding-block:32px 44px; } .journal-deck { font-size:19px; } .journal-feature { grid-template-columns:1fr; gap:28px; padding-block:28px 48px; } .journal-feature h2 { font-size:28px; } .journal-covers { max-width:420px; } .journal-prose { font-size:16px; } .journal-next { padding:24px; } }

.journal-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding-bottom:48px; }
.journal-topics a { display:flex; flex-direction:column; align-items:flex-start; gap:12px; border:1px solid var(--line); border-radius:8px; padding:24px; text-decoration:none; min-width:0; }
.journal-topics strong { font-size:22px; line-height:1.3; font-weight:500; letter-spacing:-.02em; }
.journal-topics span { color:var(--muted); font-size:15px; line-height:1.6; }
.journal-topics small { margin-top:auto; padding-top:8px; color:var(--muted); font-size:12px; }
.journal-topics a:hover { border-color:#75815f; background:#f2f4ed; }
.journal-topics a:focus-visible { outline:2px solid #658046; outline-offset:4px; }
.journal-topic-section { scroll-margin-top:calc(var(--site-nav-height,80px) + 20px); }
.journal-feature h3 { max-width:660px; font-size:22px; font-weight:500; line-height:1.4; letter-spacing:-.015em; margin:20px 0 16px; }
.journal-feature h3 a { display:inline; padding:0; text-decoration:underline; text-underline-offset:5px; }
.journal-process-image { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:center; margin:0; padding:40px 24px; background:#eff2e9; border-radius:12px; }
.journal-process-image span { display:grid; place-items:center; min-height:84px; border:1px solid #aab696; border-radius:50%; font-size:16px; aspect-ratio:1; }
.journal-process-image i { font-style:normal; color:#658046; }
.journal-process-image figcaption { grid-column:1/-1; padding-top:20px; color:var(--muted); font-size:13px; line-height:1.6; text-align:center; }
.journal-pair-image { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.journal-pair-image img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:4px; }
.journal-pair-image figcaption { grid-column:1/-1; color:var(--muted); font-size:13px; line-height:1.6; }
.journal-route-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:20px; }
.journal-route-links a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.journal-related { display:grid; gap:8px; border-top:1px solid var(--line); margin-top:40px; padding-top:28px; }
.journal-related h2 { margin:0 0 12px; }
.journal-related > a { display:block; min-height:44px; padding:10px 0; line-height:1.6; }
@media(max-width:900px) { .journal-topics { grid-template-columns:1fr; padding-bottom:32px; } .journal-topics a { display:grid; grid-template-columns:1fr auto; gap:8px 16px; padding:20px; } .journal-topics strong { font-size:20px; } .journal-topics span { grid-column:1; } .journal-topics small { grid-column:2; grid-row:1/3; align-self:center; padding-top:0; } }
@media(max-width:760px) { .journal-feature h3 { font-size:21px; } .journal-process-image { padding:28px 20px; gap:8px; } .journal-process-image span { min-height:0; font-size:14px; } }
@media(min-width:761px) and (max-width:1050px) { .journal-process-image { grid-template-columns:1fr; gap:10px; } .journal-process-image span { aspect-ratio:auto; min-height:48px; border-radius:999px; } .journal-process-image i { transform:rotate(90deg); text-align:center; } .journal-process-image figcaption { padding-top:10px; } }