:root{color-scheme:light;--ink:#202923;--muted:#69746c;--accent:#356448;--line:#dce2d8;--paper:#fafbf7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover;background:#e5e9df}figure{margin:0}p,h1,h2,a{overflow-wrap:anywhere}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.masthead{max-width:1260px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:2px}.brand span{font-size:13px;color:var(--accent);letter-spacing:3px}.masthead nav{display:flex;gap:24px;font-size:14px}.masthead nav a{padding:12px 0}.layout{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:64px;padding:30px 32px 80px}.layout article{min-width:0}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:46px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--accent);font-weight:700}.eyebrow span{color:var(--muted);margin-left:16px;font-weight:400}h1{font-size:clamp(28px,3.2vw,44px);line-height:1.4;letter-spacing:-.6px;margin:18px 0 20px}.meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.lead{font-size:18px;line-height:1.9;color:#536057;margin:28px 0}.hero img{width:100%;height:auto;aspect-ratio:3/2}.hero figcaption,figcaption{font-size:12px;color:var(--muted);padding:10px 0;line-height:1.6}.contents{background:#eff2e9;border-left:3px solid var(--accent);padding:22px 28px;margin:26px 0 38px}.contents strong{font-size:14px}.contents ol{padding-left:20px;margin-bottom:0}.contents li{padding:7px 0;font-size:15px;line-height:1.65}.prose{font-size:18px;line-height:2;color:#303c33}.prose h2{font-size:25px;line-height:1.5;margin:38px 0 16px}.prose p{margin:18px 0;white-space:pre-wrap}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0 20px}.photo-pair img{width:100%;height:auto;aspect-ratio:4/3}.article-end{border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted);line-height:1.8}.article-end a{display:inline-block;padding:12px 0;color:var(--accent)}aside{padding-top:84px}.aside-inner{position:sticky;top:30px;border-top:3px solid var(--ink);padding-top:24px}aside h2{font-size:24px;margin:16px 0}.aside-note{font-size:13px;color:var(--muted)}.related{list-style:none;padding:0}.related li{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:22px 0;line-height:1.65}.related li span{font-family:Georgia,serif;font-size:23px;color:#87957c}.related a{font-size:16px}.all-link{display:inline-block;padding:16px 0;font-size:14px;color:var(--accent)}.site-footer{max-width:1196px;margin:auto;border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.listing{max-width:1260px;margin:auto;padding:60px 32px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.article-card img{width:100%;height:auto;aspect-ratio:32/21}.article-card h2{font-size:21px;line-height:1.5}.article-card time{font-size:12px;color:var(--muted)}.article-card div{padding:20px 0}.article-card p{font-size:14px;line-height:1.8;color:var(--muted)}.pagination{display:flex;gap:25px;justify-content:center;margin-top:32px;align-items:center}.pagination a{padding:12px;border:1px solid var(--line)}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:40px}aside{padding-top:0}.aside-inner{position:static}.related{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{margin:0 24px}}
@media(max-width:520px){.masthead{padding:18px 20px}.masthead nav{gap:12px;font-size:12px}.brand{font-size:20px}.brand span{font-size:10px}.layout{padding:24px 20px 40px}.breadcrumbs{margin-bottom:30px}.eyebrow span{display:none}.lead{font-size:16px}.prose{font-size:17px;line-height:1.95}.prose h2{font-size:23px}.contents{padding:18px 20px}.related{display:block}.photo-pair{gap:12px}.listing{padding:38px 20px}.article-grid{grid-template-columns:1fr}.site-footer{gap:16px;line-height:1.7}.meta{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}