:root{--ink:#20352d;--green:#204b3a;--green-soft:#e7eee7;--muted:#637168;--cream:#f7f6f1;--line:#e1e7df;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #8b603d;outline-offset:5px;border-radius:2px}.skip-link{position:fixed;z-index:20;left:16px;top:-80px;background:var(--green);color:#fff;padding:12px 18px}.skip-link:focus{top:12px}.site-header{height:88px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;height:100%;padding:0 30px;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1.4px;text-decoration:none;color:var(--green);white-space:nowrap}.wordmark>span:first-child{font-weight:400}.brand-dot{color:#a57551}.site-header nav{display:flex;align-items:center;gap:34px;height:100%}.site-header nav a{font-size:14px;text-decoration:none;display:flex;height:100%;align-items:center;border-bottom:2px solid transparent;padding-top:2px}.site-header nav .nav-current{color:var(--green);font-weight:650;border-color:var(--green)}.reading-progress{height:3px;position:fixed;top:87px;left:0;right:0;z-index:11;pointer-events:none}.reading-progress span{height:100%;display:block;width:0;background:#9a7857;transition:width .08s linear}.article-hero{background:var(--cream);border-bottom:1px solid var(--line)}.hero-inner{max-width:1240px;margin:auto;padding:29px 30px 58px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:35px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);line-height:1.6;margin:0 0 22px}.article-title{font-family:var(--serif);font-size:clamp(42px,4.35vw,65px);font-weight:400;line-height:1.1;letter-spacing:-2.3px;margin:0 0 24px;text-wrap:balance;overflow-wrap:normal}.article-intro{font-size:17px;line-height:1.85;color:#4c5c52;margin:0;max-width:520px}.article-meta{font-size:12px;line-height:1.7;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:25px}.hero-figure{margin:0;min-width:0}.hero-figure img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:12px}.hero-figure figcaption{font-size:10px;letter-spacing:.25px;color:var(--muted);text-align:right;margin-top:9px}.reading-layout{max-width:1180px;margin:auto;padding:64px 30px 95px;display:grid;grid-template-columns:260px minmax(0,730px);gap:76px;align-items:start}.toc-sidebar{position:sticky;top:124px;min-width:0}.toc{border-top:2px solid var(--green);padding-top:18px}.toc summary{font-size:14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0 0 17px}.toc summary::-webkit-details-marker{display:none}.toc-chevron{border-right:1.5px solid var(--green);border-bottom:1.5px solid var(--green);width:7px;height:7px;transform:rotate(45deg);margin-right:4px;transition:transform .15s}.toc[open] .toc-chevron{transform:rotate(225deg)}.toc-links{max-height:calc(100vh - 205px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8d2c6 transparent;padding:0 14px 7px 0}.toc-links h2,.toc-links h3,.toc-links h4{font-family:var(--sans);font-size:12px;line-height:1.65;font-weight:400;letter-spacing:0;margin:0;padding:0;border:0}.toc-links h2{font-weight:650;margin-top:15px}.toc-links h2:first-child{margin-top:0}.toc-links h3{padding-left:12px;margin-top:7px}.toc-links h4{padding-left:24px;margin-top:7px}.toc-links a{display:block;color:var(--muted);text-decoration:none;border-left:2px solid transparent;padding-left:8px}.toc-links a:hover,.toc-links a[aria-current=true]{color:var(--green);border-left-color:var(--green)}.article-content{min-width:0}.hierarchy-confirmation{font-size:12px!important;line-height:1.7!important;color:var(--muted);border-left:2px solid #c9d5c6;padding-left:16px;margin:0 0 38px!important}.article-content p{font-size:17px;line-height:1.95;margin:0 0 22px;overflow-wrap:break-word;hyphens:auto}.article-content h2,.article-content h3,.article-content h4{color:var(--ink);text-wrap:balance;scroll-margin-top:112px;hyphens:auto}.article-content h2{font-family:var(--serif);font-size:33px;line-height:1.3;font-weight:400;letter-spacing:-.6px;margin:76px 0 26px;padding-top:34px;border-top:1px solid var(--line)}.article-content #article-body>h2:first-child{margin-top:0;padding-top:0;border-top:0}.article-content h3{font-size:23px;line-height:1.45;letter-spacing:-.35px;font-weight:650;margin:50px 0 19px}.article-content h4{font-size:19px;line-height:1.5;font-weight:650;margin:37px 0 16px;padding-left:17px;border-left:3px solid #a1b39a}.article-content p a{color:var(--green);text-decoration-color:#aebfaf;text-underline-offset:3px;text-decoration-thickness:1px}.article-content p a:hover{text-decoration-color:var(--green)}.article-end{margin-top:58px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.article-end a{text-decoration:none}.article-end a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:var(--cream)}.footer-inner{max-width:1240px;margin:auto;padding:52px 30px;display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.site-footer .wordmark{font-size:26px}.site-footer p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0}.site-footer p.copyright{font-size:11px;margin-top:20px}.site-footer nav{display:flex;gap:23px;flex-wrap:wrap;padding-top:10px}.site-footer nav a{font-size:12px;color:var(--muted);text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.blog-home{max-width:1240px;margin:auto;padding:0 30px 105px}.journal-intro{padding:75px 0 59px;max-width:800px}.journal-intro .eyebrow{margin-bottom:24px}.journal-intro h2{font-family:var(--serif);font-size:clamp(42px,4.4vw,66px);font-weight:400;line-height:1.13;letter-spacing:-2px;margin:0 0 25px}.journal-intro h2 em{font-weight:400;color:#678063}.journal-intro>p:last-child{font-size:17px;color:var(--muted);line-height:1.9;margin:0}.section-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:29px}.section-label h2{font-size:14px;font-weight:600;margin:0}.section-label>span{font-size:11px;color:var(--muted)}.featured-article{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;text-decoration:none;align-items:center;padding-bottom:15px}.featured-image{overflow:hidden;border-radius:12px;background:var(--cream)}.featured-image img{width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .4s}.featured-article:hover .featured-image img{transform:scale(1.025)}.featured-copy .eyebrow{margin-bottom:18px}.featured-copy h3{font-family:var(--serif);font-size:clamp(34px,3vw,44px);font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0 0 18px;max-width:420px}.featured-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9;margin:0}.featured-copy .article-meta{margin-top:19px}.read-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;border-top:1px solid var(--line);padding-top:19px;margin-top:26px}.read-link>span{font-size:22px;font-weight:400}
.site-header{background:var(--white)}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:0}
@media(min-width:1450px){.article-title{font-size:65px}}
@media(max-width:1000px){.hero-grid{gap:34px}.article-title{font-size:48px}.hero-figure img{aspect-ratio:1.2}.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:38px}.article-content h2{font-size:29px}.article-content p{font-size:16px}.featured-article{gap:32px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:70px}.header-inner{padding:0 22px}.wordmark{font-size:26px}.site-header nav{gap:23px}.site-header nav a{font-size:12px}.reading-progress{top:69px}.hero-inner{padding:23px 22px 30px}.breadcrumb{font-size:11px;margin-bottom:31px}.hero-grid{grid-template-columns:1fr;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.65px;margin-bottom:16px}.article-title{font-size:44px;letter-spacing:-1.7px;line-height:1.13;margin-bottom:20px;max-width:570px}.article-intro{font-size:16px;line-height:1.85}.article-meta{font-size:11px;margin-top:21px;gap:9px}.hero-figure img{aspect-ratio:16/9;border-radius:9px}.hero-figure figcaption{font-size:9px;margin-top:7px}.reading-layout{padding:29px 22px 65px;display:flex;flex-direction:column;gap:34px}.toc-sidebar{position:static;width:100%}.toc{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:0 17px}.toc summary{font-size:13px;padding:17px 0}.toc-links{padding:1px 0 20px;max-height:none;overflow:visible}.toc-links h2,.toc-links h3,.toc-links h4{font-size:13px;line-height:1.6}.toc-links a{padding-top:3px;padding-bottom:3px}.article-content{width:100%}.hierarchy-confirmation{font-size:11px!important;margin-bottom:29px!important}.article-content p{font-size:16px;line-height:1.95;margin-bottom:20px}.article-content h2{font-size:29px;line-height:1.3;letter-spacing:-.4px;margin-top:60px;padding-top:28px;margin-bottom:22px;scroll-margin-top:94px}.article-content h3{font-size:21px;margin-top:40px;margin-bottom:17px;scroll-margin-top:94px}.article-content h4{font-size:18px;margin-top:32px;padding-left:14px;scroll-margin-top:94px}.article-end{font-size:12px;gap:12px;margin-top:45px}.footer-inner{padding:36px 22px;display:block}.site-footer nav{gap:18px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.site-footer nav a{font-size:11px}.blog-home{padding:0 22px 65px}.journal-intro{padding:48px 0 39px}.journal-intro h2{font-size:43px;letter-spacing:-1.5px}.journal-intro>p:last-child{font-size:15px}.desktop-break{display:none}.section-label{margin-bottom:23px}.featured-article{grid-template-columns:1fr;gap:26px}.featured-image img{aspect-ratio:16/9}.featured-copy h3{font-size:36px}.featured-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:760px){.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:0}}
/* Keep the complete square thumbnail and its centered headline visible at every breakpoint. */
.article-figure{margin:38px 0 46px;overflow:hidden;border-radius:12px;background:var(--cream)}.article-figure img{width:100%;height:auto}.article-figure+h2{margin-top:54px}.article-figure+h3{margin-top:38px}
@media(max-width:760px){.article-figure{margin:29px 0 35px;border-radius:9px}.article-figure+h2{margin-top:42px}.article-figure+h3{margin-top:32px}}
.hero-figure img,.featured-image img{aspect-ratio:1 / 1;object-fit:contain}
/* Let the adjacent text determine the desktop hero height without cropping the square image. */
@media screen and (min-width:901px){.hero-grid{align-items:stretch}.hero-figure{position:relative}.hero-figure img{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;height:100%;max-width:100%}}
@media screen and (min-width:761px) and (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-figure{width:360px;max-width:100%;justify-self:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.site-header,.toc-sidebar,.site-footer,.reading-progress,.article-end,.breadcrumb{display:none!important}.article-hero{background:#fff}.hero-inner{padding:0}.hero-grid{grid-template-columns:1fr}.hero-figure{max-width:420px}.article-title{font-size:32px}.reading-layout{display:block;padding:30px 0}.article-content p{font-size:11pt;line-height:1.65}.article-content h2{font-size:20pt;margin-top:30px;padding-top:15px;break-after:avoid}.article-content h3{font-size:15pt;break-after:avoid}.article-content h4{font-size:12pt;break-after:avoid}.hierarchy-confirmation{font-size:9pt!important}}
