.journal{padding-top:34px;padding-bottom:100px}
.journal-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin-bottom:42px}
.journal-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.journal-title{max-width:980px;margin:0 0 40px}
.journal-title h1{font-family:Georgia,serif;font-size:clamp(38px,5.2vw,68px);font-weight:400;line-height:1.1;letter-spacing:-.03em;text-wrap:balance;max-width:24ch}
.journal-intro{font-size:21px;line-height:1.65;max-width:64ch;margin-top:24px}
.journal-meta{color:var(--muted);font-size:14px;line-height:1.6;margin-top:20px}
.journal-cover{margin:0 0 54px}.journal-cover img{width:100%;height:clamp(230px,34vw,460px);object-fit:cover}
.journal-cover figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.journal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;align-items:start}
.journal-toc{position:sticky;top:120px}.journal-toc h2{font-size:18px;letter-spacing:0;line-height:1.4;margin-bottom:18px}
.journal-toc ol{list-style:none;padding:0;margin:0}.journal-toc li{margin:0 0 14px;font-size:14px;line-height:1.6}.journal-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.journal-body{width:100%;max-width:72ch;min-width:0;font-size:18px;line-height:1.85}.journal-body section{scroll-margin-top:120px}
.journal-body h2{font-size:30px;line-height:1.25;letter-spacing:-.02em;margin:44px 0 18px}.journal-body section:first-child h2{margin-top:0}
.journal-body p{margin-bottom:20px;max-width:none}.journal-body a{color:var(--forest);text-decoration:underline;text-underline-offset:4px}.journal-body a:hover{text-decoration-thickness:2px}
.journal-body ul{padding-left:24px;margin:20px 0}.journal-body li+li{margin-top:10px}
.blog-table{max-width:100%;overflow-x:auto;margin:28px 0}.blog-table table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.6;text-align:left;min-width:530px}
.blog-table caption{text-align:left;color:var(--muted);font-size:14px;margin-bottom:14px}.blog-table th,.blog-table td{padding:16px 14px;border-bottom:1px solid #bac6bc;vertical-align:top}.blog-table thead{background:var(--sage)}.blog-table tbody th{font-weight:500}
.blog-template{padding:24px;background:var(--sage);margin:24px 0;font-size:16px;line-height:1.7}.blog-template p{margin-bottom:12px}.blog-template p:last-child{margin-bottom:0}
.journal-related{border-top:1px solid #bac6bc;margin-top:48px;padding-top:2px}.journal-related .button{color:var(--paper);text-decoration:none;margin-top:20px}
.journal-index{padding-top:64px}.journal-index .journal-title{margin-bottom:72px}.journal-index h1{font-size:clamp(46px,6.5vw,80px)}
.journal-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;padding:38px 0;border-top:1px solid #bac6bc;align-items:start}
.journal-row-image{display:block}.journal-row-image img{height:auto;aspect-ratio:1.4;object-fit:cover}.journal-row .journal-meta{margin-top:0;margin-bottom:10px}
.journal-row h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin-bottom:18px;max-width:32ch}.journal-row h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.journal-row p:not(.journal-meta){max-width:64ch;line-height:1.75}.journal-row .plain-link{text-decoration:underline;text-underline-offset:5px;margin-top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.journal-layout{grid-template-columns:minmax(0,1fr);gap:34px}.journal-toc{position:static;border-bottom:1px solid #bac6bc;padding-bottom:20px}.journal-toc ol{columns:2;column-gap:28px}.journal-toc li{break-inside:avoid}.journal-body{max-width:72ch;margin-inline:auto}}
@media(max-width:700px){.journal{padding-top:24px;padding-bottom:60px}.journal-title{margin-bottom:28px}.journal-intro{font-size:18px;margin-top:22px}.journal-breadcrumb{margin-bottom:28px}.journal-meta{font-size:13px}.journal-cover{margin-bottom:32px}.journal-body{font-size:17px;line-height:1.8}.journal-body h2{font-size:26px;margin-top:34px}.journal-toc ol{columns:1}.journal-row{grid-template-columns:1fr;gap:22px;padding:30px 0}.journal-row h2{font-size:28px}.journal-index{padding-top:38px}.journal-index .journal-title{margin-bottom:40px}.journal-row-image img{max-height:270px}.blog-template{padding:20px}}
