:root { --paper:#f6f2e8; --ink:#242e27; --muted:#526157; --line:#b9beb0; --serif:"Songti SC","Noto Serif CJK SC",serif }
* {box-sizing:border-box}
body {margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 "PingFang SC","Microsoft YaHei",sans-serif}
header,main,footer {width:min(100% - 44px,980px);margin:auto}
header,footer,nav,.links {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
header,footer {padding:14px 0;border-bottom:1px solid var(--line)}
nav a,header a,footer a,.back,.links a {display:inline-flex;align-items:center;min-height:44px}
a {color:inherit;text-underline-offset:5px}
header a,footer a,.row,.action {text-decoration:none}
a:focus-visible {outline:3px solid #a4432b;outline-offset:3px}
a:hover {color:#8f3626}
main {padding:clamp(38px,7vw,85px) 0}
h1,h2 {font-family:var(--serif);font-weight:600;line-height:1.25;text-wrap:balance}
h1 {font-size:clamp(36px,6vw,68px);margin:.2em 0}
h2 {font-size:clamp(23px,3vw,32px);margin:.25em 0}
p {max-width:44em}
small,figcaption {color:var(--muted)}
.lead {font:clamp(19px,2.8vw,28px)/1.6 var(--serif);margin:.7em 0}
.row {display:grid;grid-template-columns:44px 1fr minmax(130px,22%) 24px;gap:22px;align-items:center;border-top:1px solid var(--line);padding:25px 0}
.row:first-of-type {margin-top:44px}
.row p {margin:.2em 0}.row img {width:100%;height:104px;object-fit:cover;object-position:top;border:1px solid var(--line)}
.num {color:#98402a;font:italic 25px Georgia,serif}
.links {justify-content:flex-start}.action {display:inline-block;padding:9px 18px;background:#324838;color:white}.action:hover {background:#203528;color:white}
figure {margin:36px 0}figure img {display:block;width:100%;max-height:550px;object-fit:contain;background:#e5e8de}figcaption {font-size:14px;margin-top:8px}
section {border-top:1px solid var(--line);padding:26px 0 12px;margin-top:26px}
.flow {border-left:3px solid #986749;padding:12px 18px;background:#eceade}
footer {border-top:1px solid var(--line);border-bottom:0}
@media(max-width:600px){header,nav {gap:10px}.row {gap:12px;grid-template-columns:24px 1fr 22px}.row img {grid-column:2;grid-row:2;height:auto}.row b {grid-column:3;grid-row:1}.row h2{font-size:23px}}