:root { --paper:#f3eedf; --ink:#302d29; --muted:#716b61; --rule:#b9aa90; --accent:#744133; --green:#485b45; --shadow:rgba(55,43,29,.16); }
* { box-sizing:border-box; }
html { background:#d6ccba; }
body { margin:0; color:var(--ink); background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(80,66,48,.025) 4px),var(--paper); font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif; font-size:17px; line-height:1.85; }
a { color:var(--accent); text-decoration-thickness:1px; text-underline-offset:.2em; }
a:hover { color:#9a513e; }
.page { width:min(1060px,calc(100% - 32px)); min-height:100vh; margin:0 auto; background:rgba(248,244,234,.88); border-right:1px solid rgba(115,94,65,.25); border-left:1px solid rgba(115,94,65,.25); box-shadow:0 0 35px var(--shadow); }
.masthead { padding:32px 46px 20px; text-align:center; border-bottom:3px double var(--ink); }
.issue { display:flex; justify-content:space-between; margin-bottom:14px; color:var(--muted); font:12px/1.4 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.site-title { margin:0; color:#282621; font-size:clamp(40px,7vw,72px); font-weight:500; line-height:1; letter-spacing:.16em; }
.tagline { margin:14px 0 0; color:var(--green); font-size:15px; letter-spacing:.18em; }
.nav { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 28px; padding:10px 24px; border-bottom:1px solid var(--rule); font-size:14px; letter-spacing:.08em; }
.nav a { color:var(--ink); text-decoration:none; }
.nav a[aria-current="page"],.nav a:hover { color:var(--accent); text-decoration:underline; text-underline-offset:.3em; }
.content { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:46px; padding:42px 46px 54px; }
.content.single { display:block; max-width:820px; margin:0 auto; }
.section-label { margin:0 0 10px; color:var(--accent); font:700 12px/1.4 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.lead-title,.article-title { margin:0; font-weight:500; line-height:1.35; }
.lead-title { font-size:clamp(29px,4vw,44px); }
.article-title { font-size:clamp(28px,4vw,40px); }
.deck { margin:16px 0; color:var(--muted); font-size:19px; line-height:1.7; }
.byline,.meta { color:var(--muted); font:13px/1.6 Arial,sans-serif; }
.rule { width:78px; margin:24px 0; border:0; border-top:4px solid var(--accent); }
.article-body>p:first-of-type::first-letter { float:left; margin:.08em .12em 0 0; color:var(--accent); font-size:4.1em; line-height:.78; }
.article-body h2 { margin:38px 0 10px; color:var(--green); font-size:24px; font-weight:500; }
blockquote { margin:30px 0; padding:10px 24px; color:#514b42; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); font-size:20px; font-style:italic; text-align:center; }
.story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:44px; padding-top:28px; border-top:3px double var(--ink); }
.story h2 { margin:0 0 8px; font-size:21px; font-weight:500; line-height:1.45; }
.story p { margin:9px 0; color:#565047; font-size:15px; }
.sidebar { padding-left:26px; border-left:1px solid var(--rule); }
.sidebar section+section { margin-top:36px; }
.sidebar h2 { margin:0 0 12px; padding-bottom:7px; border-bottom:1px solid var(--ink); font:700 13px/1.4 Arial,sans-serif; letter-spacing:.13em; }
.portrait { display:grid; width:92px; height:92px; margin:8px auto 16px; place-items:center; color:var(--paper); background:var(--green); border:6px double #e7deca; border-radius:50%; font-size:36px; }
.sidebar p,.sidebar li { color:#595349; font-size:14px; line-height:1.75; }
.sidebar ul,.archive-list,.route-list { margin:0; padding:0; list-style:none; }
.sidebar li { padding:6px 0; border-bottom:1px dotted var(--rule); }
.principles { padding-left:0; list-style:none; counter-reset:item; }
.principles li::before { counter-increment:item; content:"0" counter(item) ". "; color:var(--accent); font-family:Arial,sans-serif; }
.page-intro { margin-bottom:34px; padding-bottom:24px; border-bottom:3px double var(--ink); }
.archive-item,.route-item { display:grid; grid-template-columns:120px minmax(0,1fr); gap:24px; padding:22px 0; border-bottom:1px solid var(--rule); }
.archive-date,.route-data { color:var(--muted); font:13px/1.65 Arial,sans-serif; }
.archive-item h2,.route-item h2 { margin:0 0 6px; font-size:23px; font-weight:500; }
.archive-item p,.route-item p { margin:0; color:#5e574d; font-size:15px; }
.note-box { margin:30px 0; padding:22px 26px; background:rgba(221,211,190,.42); border:1px solid var(--rule); }
.note-box h2 { margin-top:0; }
.footer { padding:22px 46px 30px; color:var(--muted); border-top:3px double var(--ink); font:12px/1.7 Arial,sans-serif; text-align:center; letter-spacing:.04em; }
@media(max-width:760px) { body{font-size:16px}.page{width:100%;border:0}.masthead{padding:24px 20px 18px}.issue{display:none}.site-title{letter-spacing:.08em}.content{display:block;padding:32px 22px 42px}.sidebar{margin-top:42px;padding:28px 0 0;border-top:3px double var(--ink);border-left:0}.story-grid{grid-template-columns:1fr}.archive-item,.route-item{grid-template-columns:1fr;gap:5px}.footer{padding-right:22px;padding-left:22px} }