/* Journal uses the established site palette, typography, controls and page gutters. */
.journal-intro h1{max-width:1000px}
.journal-section{padding-block:64px 100px}
.journal-filters{flex-wrap:wrap;margin-bottom:48px}
.journal-filters a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;font-size:14px}
.journal-filters a:hover,.journal-filters a[aria-current]{border-color:currentColor}
.journal-filters a:focus-visible,.journal-pagination a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.journal-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding-bottom:64px;border-bottom:1px solid #c6c8c7;margin-bottom:64px}
.journal-feature-image{display:block;overflow:hidden;background:var(--panel)}
.journal-feature-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}
.journal-feature-image:hover img{transform:scale(1.025)}
.journal-feature h2{font-size:clamp(30px,3.2vw,52px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}
.journal-feature h2 a{color:inherit;text-decoration:none}
.journal-feature h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.journal-feature p:not(.eyebrow):not(.journal-meta){font-size:18px;max-width:46ch}
.journal-meta{font-size:13px;line-height:1.7;opacity:.8;margin-block:24px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.journal-grid:empty{display:none}
.journal-card>a{display:block;color:inherit;text-decoration:none}
.journal-card-image{overflow:hidden;background:var(--panel);margin-bottom:24px}
.journal-card img{display:block;aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform .3s ease}
.journal-card a:hover img{transform:scale(1.025)}
.journal-card a:hover h2{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.journal-card h2{font-size:26px;line-height:1.18;letter-spacing:-.03em;margin:14px 0}
.journal-card p{max-width:50ch}
.journal-card .text-link{margin-top:12px}
.journal-pagination{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:56px;font-size:14px}
.journal-pagination a{min-height:44px;display:inline-flex;align-items:center}
.journal-empty{padding-block:48px 96px;max-width:650px}
.journal-empty h2{font-size:clamp(28px,4vw,48px);line-height:1.15}
.journal-article-header{padding-block:64px 44px}
.journal-article-header>.eyebrow{margin-top:48px}
.journal-article-header h1{font-size:clamp(38px,5.4vw,80px);line-height:1.04;letter-spacing:-.055em;max-width:1000px;margin:20px 0 28px;text-wrap:balance}
.journal-article-header>.large-copy{max-width:780px}
.journal-sample{border-left:2px solid var(--blue);padding-left:16px;max-width:720px;font-size:14px;color:var(--paper)}
.journal-cover{padding-bottom:64px}
.journal-cover img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;aspect-ratio:3/2}
.journal-reading{padding-block:80px 100px}
.journal-reading-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.7fr);gap:clamp(32px,7vw,110px);align-items:start}
.journal-reading aside nav{position:sticky;top:32px}
.journal-reading aside a{display:block;padding:10px 0;font-size:14px;line-height:1.45;color:var(--ink);text-underline-offset:4px;min-height:44px}
.journal-prose{max-width:740px;overflow-wrap:anywhere;font-size:18px;line-height:1.8}
.journal-prose>p:first-child{font-size:21px;line-height:1.65;margin-top:0}
.journal-prose h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:56px 0 22px;scroll-margin-top:32px}
.journal-prose h3{font-size:24px;line-height:1.3;margin-top:34px;scroll-margin-top:32px}
.journal-prose li{margin-block:10px}
.journal-prose a{text-underline-offset:4px;text-decoration-thickness:1px}
.journal-prose blockquote{margin:36px 0;padding:4px 0 4px 24px;border-left:3px solid var(--blue);font-size:22px;line-height:1.6}
.journal-prose code{font-size:.9em;background:#e4e4e0;padding:2px 5px}
.journal-prose figure{margin:36px 0}
.journal-prose figure img{width:100%;height:auto}
.journal-author{border-top:1px solid #c6c8c7;margin-top:64px;padding-top:32px}
.journal-author h2{font-size:24px;margin-top:16px}
.journal-author p{font-size:16px}
.journal-related{padding-block:0 80px}
.journal-related>.wrap>h2{font-size:38px;margin-bottom:36px}
@media(max-width:1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-reading-grid{grid-template-columns:190px minmax(0,1fr);gap:36px}}
@media(max-width:700px){.journal-feature{grid-template-columns:1fr;gap:24px;padding-bottom:40px;margin-bottom:40px}.journal-grid{grid-template-columns:1fr}.journal-section{padding-block:36px 64px}.journal-filters{gap:12px 24px;margin-bottom:32px}.journal-article-header{padding-top:32px}.journal-article-header>.eyebrow{margin-top:36px}.journal-reading{padding-block:40px 64px}.journal-reading-grid{grid-template-columns:1fr}.journal-reading aside nav{position:static;border-bottom:1px solid #c6c8c7;padding-bottom:24px}.journal-prose{font-size:17px}.journal-cover{padding-bottom:40px}.journal-pagination{gap:16px}}
@media(prefers-reduced-motion:reduce){.journal-feature-image img,.journal-card img{transition:none}.journal-feature-image:hover img,.journal-card a:hover img{transform:none}}
@media(forced-colors:active){.journal-filters a[aria-current]{border-color:Highlight}.journal-sample,.journal-prose blockquote{border-color:CanvasText}}
