:root{--ink:#1d1b16;--muted:#6b6457;--line:#e4ddcf;--bg:#faf7f0;--card:#fff;--accent:#8a5a2b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);
font:17px/1.65 Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:48px 22px}
a{color:var(--accent)}h1{font-size:30px;line-height:1.25;margin:.2em 0}
h2{font-size:21px;margin:1.8em 0 .5em;font-family:Georgia,serif}
.hero{border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:10px}
.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--muted);margin:0}
.tagline{color:var(--muted);font-style:italic}
section{margin:30px 0}ul.list{list-style:none;padding:0}
ul.list li{border-bottom:1px solid var(--line);padding:14px 0}
ul.list a{font-weight:bold;text-decoration:none;font-size:18px}
ul.list a:hover{text-decoration:underline}
.ans{display:block;color:var(--muted);font-size:14.5px;margin-top:4px;font-family:system-ui,sans-serif}
.meta{color:var(--muted);font-size:14px;font-family:system-ui,sans-serif;margin:.2em 0 1em}
.back a{text-decoration:none;font-family:system-ui,sans-serif;font-size:14px}
blockquote{border-left:3px solid var(--accent);margin:1em 0;padding:.4em 0 .4em 18px;
color:#3a352c;background:var(--card);font-style:italic}
ol,ul{padding-left:22px}ol li,article ul li{margin:.5em 0}
code{background:#f0ead9;padding:1px 5px;border-radius:3px;font-size:14px}
.tags{margin:.3em 0 1.2em}.tag{display:inline-block;font-family:system-ui,sans-serif;font-size:12.5px;
text-decoration:none;background:#f0ead9;color:var(--muted);padding:3px 10px;border-radius:20px;margin:0 6px 6px 0}
footer{max-width:720px;margin:20px auto 50px;padding:0 22px;color:var(--muted);
font-size:13px;font-family:system-ui,sans-serif}
article p strong{color:var(--ink)}