/* Web-native Journal layouts. Text and images retain their original content. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--journal-font:Manrope,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
.journal-article-head,.journal-reading{font-family:var(--journal-font);box-sizing:border-box}
.journal-article-head{max-width:1440px;padding:65px 6% 42px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 65px;align-items:end}
.journal-article-head .journal-back,.journal-article-head>.eyebrow,.journal-article-head h1,.journal-article-head>.journal-meta{grid-column:1}
.journal-article-head h1{font-family:var(--journal-font)!important;font-size:clamp(29px,3.1vw,42px)!important;line-height:1.36!important;font-weight:600!important;letter-spacing:-.7px!important;text-wrap:balance}
.journal-article-head .journal-deck{grid-column:2;grid-row:2/5;font-family:var(--journal-font);font-size:16px;line-height:1.85;border-left:1px solid #c9d2bd;padding:12px 0 12px 30px;margin:0 0 8px}
.journal-back{margin-bottom:32px}.journal-article-head .eyebrow{margin-bottom:14px}
.journal-reading{max-width:1600px;width:100%;margin:auto;padding:0 6% 90px;display:grid;grid-template-columns:145px minmax(0,1fr);gap:30px 52px;align-items:start}
.journal-archive-note{grid-column:1/-1;font-size:11px;line-height:1.7;margin:0;padding-top:18px;max-width:none}
.journal-toc{grid-column:1;grid-row:2;position:sticky;top:30px;border:0;border-top:1px solid #cbd3c0;padding:18px 0;background:none;margin:0;border-radius:0;max-height:calc(100vh - 65px);overflow:auto;font-size:11px;scrollbar-width:thin}
.journal-toc summary{font-size:12px;font-weight:600;cursor:pointer}.journal-toc ol{padding-left:17px;margin-top:18px}.journal-toc li{margin:11px 0;line-height:1.6}.journal-toc a{color:var(--muted)}.journal-toc a:hover,.journal-toc a[aria-current]{color:#264c3c}.journal-toc a[aria-current]{font-weight:600}.journal-reading-rail>p:first-child{font-size:10px;letter-spacing:2px;color:var(--muted)}.journal-rail-title{font-size:13px;line-height:1.8;margin:18px 0 28px}
.journal-prose{grid-column:2;grid-row:2;max-width:none;min-width:0;font-family:var(--journal-font);font-size:15px;line-height:1.85;letter-spacing:0;overflow-wrap:break-word}
.journal-prose .journal-chapter{padding:27px 0 22px;border-top:1px solid #cbd3c0;scroll-margin-top:30px}
.journal-prose .journal-chapter h2{font-family:var(--journal-font)!important;font-size:24px!important;line-height:1.45!important;font-weight:600!important;margin:0 0 28px;letter-spacing:-.3px!important;max-width:850px}
.journal-chapter-number{display:block;font:600 10px/1.5 var(--journal-font);letter-spacing:2px;color:#7d8c70;margin-bottom:12px}
.journal-prose p{margin:0 0 19px;line-height:1.85}
.journal-spread{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px 38px;align-items:start;margin-bottom:36px}
.journal-spread-copy,.journal-spread-visuals{min-width:0}
.journal-spread.reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.journal-spread.reverse .journal-spread-copy{grid-column:2;grid-row:1}.journal-spread.reverse .journal-spread-visuals{grid-column:1;grid-row:1}
.journal-spread.text-only{display:block;max-width:740px}.journal-spread.text-only .journal-spread-copy{max-width:100%}
.journal-spread.wide-visual,.journal-spread.image-only{display:block}
.journal-spread.wide-visual .journal-spread-copy{max-width:740px;margin-bottom:24px}
.journal-spread.paired-images .journal-spread-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.journal-spread:not(.wide-visual):not(.image-only).paired-images .journal-spread-visuals{grid-template-columns:1fr}
.journal-prose .journal-spread figure{margin:0 0 16px;break-inside:avoid;text-align:left}
.journal-prose .journal-spread img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:3px}
.journal-prose .journal-spread figcaption{font-size:10px;line-height:1.6;color:var(--muted);text-align:left;margin-top:9px}
.journal-prose .journal-spread figcaption p{font-size:inherit;line-height:inherit;margin:3px 0}
.journal-prose .journal-pullquote{border-left:2px solid #879b73;padding:3px 0 3px 23px;font-size:20px;line-height:1.75;color:#34513e;margin:20px 0 28px;text-wrap:pretty}
.journal-end{grid-column:2;margin-top:0}.journal-table-scroll{width:100%}
@media(min-width:1500px){.journal-reading{grid-template-columns:165px minmax(0,1fr)}}
@media(max-width:1050px){.journal-reading{grid-template-columns:120px minmax(0,1fr);gap:25px}.journal-spread,.journal-spread.reverse{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.journal-article-head{gap:0 35px}.journal-article-head .journal-deck{font-size:14px;padding-left:22px}.journal-prose{font-size:14px}}
@media(max-width:800px){.journal-article-head{display:block;padding:38px 6% 28px}.journal-article-head h1{font-size:29px!important;line-height:1.45!important;letter-spacing:-.4px!important}.journal-article-head .journal-deck{border:0;padding:0;max-width:620px;font-size:15px;margin-top:22px}.journal-reading{display:block;padding:0 6% 55px}.journal-back{margin-bottom:24px}.journal-toc{position:static;max-height:245px;margin:24px 0 30px;padding:13px 0}.journal-reading-rail{display:none}.journal-prose{font-size:15px}.journal-prose .journal-chapter h2{font-size:22px!important}.journal-spread,.journal-spread.reverse{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.journal-spread-copy,.journal-spread-visuals{width:100%}.journal-spread.paired-images .journal-spread-visuals{grid-template-columns:1fr}.journal-prose .journal-pullquote{font-size:18px;padding-left:18px}.journal-spread.wide-visual .journal-spread-copy{margin-bottom:18px}.journal-end{margin-top:25px}.journal-prose .journal-chapter{padding-top:24px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.journal-toc{display:none}.journal-reading{display:block}.journal-spread{break-inside:avoid}.journal-prose img{max-height:600px!important}}
/* Restore the original interleaved text/figure order on small screens. */
@media(max-width:800px){.journal-spread,.journal-spread.text-only,.journal-spread.wide-visual,.journal-spread.image-only{display:flex;flex-direction:column;gap:0}.journal-spread .journal-spread-copy,.journal-spread .journal-spread-visuals,.journal-spread.paired-images .journal-spread-visuals{display:contents}.journal-spread-copy>*,.journal-spread-visuals>*{order:var(--reading-order,0);width:100%;box-sizing:border-box}.journal-spread-copy>p.journal-pullquote{width:100%}.journal-spread-visuals>figure{margin-top:8px!important}}
.journal-prose .journal-enlarge{display:block;padding:0;margin:0;width:100%;border:0;border-radius:3px;background:none;cursor:zoom-in;overflow:visible;line-height:0}.journal-prose .journal-enlarge:hover img{transform:none}.journal-enlarge:focus-visible{outline:2px solid #527346;outline-offset:5px}
.journal-toc ol{list-style:none;padding-left:0}

/* Let long passages use the space below their illustrations on desktop. */
@media(min-width:801px){
 .journal-spread.wrap-copy{display:flow-root}
 .journal-spread.wrap-copy>.journal-spread-visuals{float:right;width:calc(52.5% - 19px);margin:0 0 8px 38px}
 .journal-spread.wrap-copy.reverse>.journal-spread-visuals{float:left;margin:0 38px 8px 0}
 .journal-spread.wrap-copy>.journal-spread-copy{display:block;width:auto;max-width:none}
}
@media(min-width:801px) and (max-width:1050px){
 .journal-spread.wrap-copy>.journal-spread-visuals{width:calc(50% - 13px);margin-left:26px}
 .journal-spread.wrap-copy.reverse>.journal-spread-visuals{margin-left:0;margin-right:26px}
}

/* A remembered place closes the personal essay. */
.journal-memory-figure{grid-column:1/-1;width:100%;max-width:1120px;margin:36px auto 12px;scroll-margin-top:30px}
.journal-memory-figure>button{display:block;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}
.journal-memory-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:2px}
.journal-memory-figure figcaption{font-size:12px;line-height:1.7;color:#59655f;margin-top:12px;text-align:center}
@media(max-width:700px){.journal-memory-figure{margin-top:24px}.journal-memory-figure figcaption{font-size:11px}}