:root{color-scheme:light;--ink:#272720;--quiet:#5d5b50;--paper:#fffef9;--line:#dcd8c8;--accent:#245a48;--gold:#ffe482}
*{box-sizing:border-box}
body{margin:0;background:#f5f3e9;color:var(--ink);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:var(--accent);text-underline-offset:.22em}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.bar{border-bottom:1px solid var(--line);background:var(--paper)}
.bar-inner,main,footer{max-width:880px;margin:auto;padding-inline:clamp(16px,5vw,38px)}
.bar-inner{display:flex;gap:.8rem 1.4rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:15px}
.brand{font-weight:750;letter-spacing:.035em}
nav{display:flex;flex-wrap:wrap;gap:10px}
nav a{padding:4px 11px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.9rem}
nav a[aria-current]{color:var(--ink);background:var(--gold);border-color:#c2a74b;font-weight:750}
main{padding-block:clamp(26px,5vw,50px)}
article{background:var(--paper);padding:clamp(18px,5vw,44px);border:1px solid var(--line);border-radius:17px;box-shadow:0 2px 0 #e9e3d3}
h1{font-size:clamp(1.9rem,6vw,2.7rem);line-height:1.18;margin:0 0 12px}
h2{font-size:1.22rem;line-height:1.45;margin:0 0 .65rem}
p,ul,dl{margin:.55rem 0}
ul{padding-inline-start:1.25rem}
li+li{margin-top:.5rem}
dt{font-weight:750;margin-top:.8rem}
dd{margin:0;color:#34342a}
section{padding-top:1.3rem;margin-top:1.4rem;border-top:1px solid var(--line)}
.date,footer{color:var(--quiet);font-size:.92rem}
.summary{border-left:4px solid #d4af40;background:#fff6d8;padding:9px 13px;margin-block:1.2rem}
footer{padding-bottom:35px;overflow-wrap:anywhere}
@media print{body{background:#fff}nav{display:none}article{border:0;box-shadow:none;padding:0}}