.article-header{padding-block:55px 45px}.article-header h1{font-size:clamp(36px,4vw,60px);line-height:1.22;max-width:26ch;letter-spacing:-.04em}.article-header .case-back{margin-bottom:30px}.article-facts{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:25px;margin:35px 0 0;padding-top:23px;border-top:1px solid var(--line)}.article-facts dt{font-size:11px;color:var(--muted);margin-bottom:7px}.article-facts dd{font-size:14px;margin:0;line-height:1.6}.article-case .original-case{padding-top:20px;border-bottom:0}.article-case .original-layout{grid-template-columns:minmax(185px,.75fr) minmax(0,2fr);gap:7vw}.article-case .original-prose{max-width:850px;min-width:0}.article-case .original-toc{max-height:calc(100dvh - 130px);overflow:auto;padding-right:8px}.article-case .original-toc a{font-size:14px;padding-block:17px}.article-case .original-toc a:hover,.article-case .original-toc a:focus-visible{color:var(--accent)}.article-case .original-chapter{scroll-margin-top:18px;padding-bottom:35px}.article-case .original-chapter+.original-chapter{padding-top:45px}.article-case .original-chapter h2{font-size:clamp(28px,2.7vw,42px);line-height:1.35;margin-bottom:30px}.article-case .original-chapter h4{margin-top:32px}.article-case .original-chapter p:not(.eyebrow){line-height:1.95;margin-bottom:22px}.article-case .article-lesson{border-left:2px solid var(--accent);padding-left:20px}.article-metrics{padding:35px 0 40px;border-block:1px solid var(--line);margin:15px 0 50px;scroll-margin-top:20px}.article-metrics>div{display:grid;grid-template-columns:1fr 1fr;gap:28px}.article-metrics strong{font-size:clamp(35px,4vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.3}.article-metrics article p{font-size:14px;line-height:1.7;margin-top:10px}.article-metrics .metric-note{font-size:11px;line-height:1.9;max-width:80ch;margin-top:25px}.article-scope{scroll-margin-top:20px}.article-scope ul{list-style:none;margin:0 0 40px;padding:0}.article-scope li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}.article-source{font-size:11px;line-height:1.9;color:var(--muted);padding-bottom:20px}.article-source p{margin-bottom:12px}.article-source summary{cursor:pointer}.article-source li{margin-bottom:9px}.article-case~footer{margin-top:20px}
html[lang="zh-CN"] .article-header h1{max-width:24ch;line-height:1.4;letter-spacing:-.025em}
@media(max-width:800px){.article-case .original-layout{grid-template-columns:1fr;gap:35px}.article-case .original-toc{position:static;max-height:none;padding:0;grid-template-columns:1fr 1fr;gap:0 24px}.article-facts{grid-template-columns:1fr 1fr}.article-header{padding-block:35px}.article-case .original-chapter h2{font-size:30px}.article-case .original-toc a{font-size:13px}.article-case .original-chapter p:not(.eyebrow){font-size:15px}.article-metrics>div{grid-template-columns:1fr 1fr}.article-metrics strong{font-size:36px}.article-header h1{font-size:35px}.article-source{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.article-header h1{max-width:100%;text-wrap:balance}html[lang="zh-CN"] .article-header h1{max-width:100%;text-wrap:balance}

/* Project photography: an opening image, then evidence beside the relevant story. */
.article-visual{margin:34px 0 42px}
.article-opening.wrap{margin:0 auto 55px}
.article-opening img{width:100%;height:clamp(280px,44vw,660px);object-fit:cover}
.article-visual figcaption{font-size:12px;line-height:1.7;color:var(--muted);padding-top:13px;max-width:80ch}
.article-inline img{width:100%;height:auto;max-height:590px;object-fit:cover}
.article-inline.tea-detail img{aspect-ratio:1.5;height:auto;object-fit:cover;object-position:left center}
@media(min-width:801px){.article-inline.tea-detail{overflow:hidden}.article-inline.tea-detail img{height:420px;object-fit:cover;object-position:left center}}
@media(max-width:800px){.article-opening.wrap{margin-bottom:35px}.article-opening img{height:clamp(240px,65vw,420px)}.article-visual{margin-block:25px 32px}.article-visual figcaption{font-size:11px}.article-inline img{max-height:none}}

.article-case .original-toc a{transition:color .18s ease}
.article-case .original-toc a.is-current{color:var(--accent);font-weight:600}
.article-case .original-toc a.is-current span{color:var(--accent)}
@media(prefers-reduced-motion:reduce){.article-case .original-toc a{transition:none}}