:root { --paper:#f3efe6; --ink:#221c16; --faint:#6d645b; --seal:#8a3b32; --line:#ddd4c6; }
* { box-sizing:border-box; }
html { background:var(--paper); color:var(--ink); }
body { margin:0; font:18px/1.75 "Iowan Old Style","Palatino Linotype","Songti SC","Noto Serif SC",serif; }
a { color:inherit; }
header, main, footer { width:min(40rem, calc(100% - 2.5rem)); margin:0 auto; }
header { display:flex; justify-content:space-between; align-items:baseline; padding:1.6rem 0 1rem; border-bottom:1px solid var(--line); }
.mark { font-weight:600; letter-spacing:.12em; text-decoration:none; }
nav a { margin-left:1rem; color:var(--faint); text-decoration:none; font-size:.92rem; }
nav a:hover { color:var(--ink); }
main { padding:2.2rem 0 3rem; }
h1 { font-weight:500; font-size:2.4rem; line-height:1.25; margin:0 0 .6rem; }
.lede { color:var(--faint); margin-top:0; }
article h2 { font-weight:500; font-size:1.15rem; margin:0; }
article time, .meta { color:var(--faint); font-size:.85rem; }
article a { text-decoration:none; }
article { padding:1.1rem 0; border-bottom:1px solid var(--line); }
article p:last-child { margin-bottom:0; }
.drop::first-letter { float:left; font-size:3.1rem; line-height:.85; padding:.15rem .35rem 0 0; color:var(--seal); }
footer { color:var(--faint); font-size:.85rem; padding:0 0 2.5rem; }
.miss { padding-top:4rem; }