:root{--ink:#142125;--muted:#475457;--line:#d6ddda;--round:12px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}
a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.28;overflow-wrap:anywhere}
.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:2}.skip:focus{top:8px}
.frame{width:min(100% - 32px,1080px);margin-inline:auto}.top{background:var(--paper);border-top:5px solid var(--accent);border-bottom:1px solid var(--line)}
.headrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0}.brand{display:flex;gap:10px;align-items:center;font-size:clamp(17px,4.7vw,27px);font-weight:850;text-decoration:none}
.stamp{display:grid;place-items:center;background:var(--accent);color:#fff;flex:none;font:750 11px/1 system-ui;width:37px;height:37px;border-radius:var(--round)}
.domain{color:var(--muted);font-size:12px}.nav{display:flex;gap:26px;flex-wrap:wrap}.nav a{display:flex;align-items:center;min-height:43px;font-weight:700;text-decoration:none}.nav a:hover{color:var(--accent)}
main.frame{padding-block:18px 36px}.hero,.panel,.section-head,.related{padding:clamp(16px,5vw,32px);background:var(--paper);border:1px solid var(--line);border-radius:var(--round)}
.hero{margin-bottom:18px;display:grid;gap:16px}.hero h1,.prose h1{font-size:clamp(27px,7vw,54px);letter-spacing:-.025em}.hero p{margin-top:9px}.tag,.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:850;color:var(--accent)}.hero .tag{margin-top:0;margin-bottom:8px}
.hero img{border-radius:calc(var(--round) / 2);width:100%;aspect-ratio:1.75;object-fit:cover}.hero .focus{font-weight:750}.hero a,.panel a{color:var(--accent)}
.button{display:inline-flex;align-items:center;min-height:44px;padding:4px 13px;border:1px solid currentColor;border-radius:var(--round);font-weight:750;text-decoration:none;margin-top:14px}
.home-grid{display:grid;gap:12px}.panel{min-width:0}.panel h2,.section-head h1{margin-bottom:8px}.panel h2{font-size:clamp(21px,4.5vw,28px)}
.panel p,.card p,.section-head p{color:var(--muted)}.cards,.stories{display:grid;gap:10px;margin-top:12px}.card{padding:13px 0;border-top:1px solid var(--line)}.card h2,.card h3{font-size:18px}.card p{font-size:14px}.card time{color:var(--muted);font-size:12px}.card a{color:var(--ink)}
.channel-list{list-style:none;padding:0;margin:0}.channel-list a,.related a{display:block;padding:8px 0;min-height:43px}.sources a{overflow-wrap:anywhere}
.footer{padding:22px 0 28px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted)}
.crumb,.pager,.meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px}.prose{max-width:720px;margin:18px auto 24px;overflow-wrap:anywhere}.prose .lead{font-size:19px;color:var(--muted)}.prose p,.prose ul,.prose h2{margin:14px 0}.prose h2{font-size:24px}.prose a{color:var(--accent)}.pager{margin-top:20px}
.hero-editorial,.hero-poster{background:var(--accent);color:white}.hero-editorial a,.hero-editorial .tag,.hero-poster a,.hero-poster .tag{color:white}
.hero-bulletin{border-radius:0;border-width:5px 0 1px;border-top-color:var(--accent)}.hero-bulletin img{aspect-ratio:2.9}
.hero-journal,.hero-archive{border-radius:0;border:0;border-bottom:3px double var(--accent)}.hero-journal h1,.hero-archive h1,.hero-feature h1{font-family:"Songti SC",SimSun,serif}
.hero-feature{border:0;border-bottom:1px solid var(--line);background:none}.hero-feature img{aspect-ratio:1.95}
.hero-analysis{border-left:6px solid var(--accent)}.hero-analysis img{aspect-ratio:2.5}
.hero-classroom{border-style:dashed}.hero-classroom .focus{padding:8px;background:var(--bg)}
.hero-digest{border:0;border-bottom:4px solid var(--accent)}.hero-digest img{aspect-ratio:3}
.hero-club{border-width:0 1px 4px;border-bottom-color:var(--accent);text-align:center}
.hero-desk img{aspect-ratio:2.4}.hero-desk .focus{font-size:1.25rem}
.layout-b .panel,.layout-e .panel{border-radius:0}.layout-c .panel{border-width:0 0 1px}.layout-d .panel{border-top:4px solid var(--accent)}.layout-f .panel:first-child{border-left:6px solid var(--accent)}
@media(max-width:410px){.domain{display:none}.nav{gap:18px}}
@media(min-width:740px){
 .home-grid{grid-template-columns:repeat(12,1fr)}.panel{grid-column:span 6}
 .layout-a .panel:first-child,.layout-b .panel:first-child{grid-column:span 8}.layout-a .panel:nth-child(2),.layout-b .panel:nth-child(2){grid-column:span 4}
 .layout-c .panel:first-child,.layout-f .panel:first-child{grid-column:1/-1}.layout-c .panel:not(:first-child){grid-column:span 4}
 .layout-d .panel:first-child,.layout-e .panel:nth-child(2){grid-column:span 7}.layout-d .panel:nth-child(2),.layout-e .panel:first-child{grid-column:span 5}
 .hero-editorial,.hero-analysis,.hero-desk,.hero-journal,.hero-poster{grid-template-columns:1fr 1fr;align-items:center}
 .hero-analysis,.hero-desk{grid-template-columns:1.2fr 1fr}.hero-poster,.hero-journal{grid-template-columns:1fr 1.4fr}
 .hero-bulletin img,.hero-digest img{max-height:235px}.stories{grid-template-columns:1fr 1fr}
}

:root{--accent:#8b263a;--bg:#fcf2f3;--paper:#ffffff;--round:2px}