*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1e2430;--muted:#5b6472;--accent:#b8860b;--bg:#faf8f4;--line:#e5dfd4}
body{font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink);line-height:1.75;font-size:17px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.site{border-bottom:2px solid var(--ink);padding:26px 0;margin-bottom:36px}
header.site .brand{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:.01em}
header.site .tag{color:var(--muted);font-size:.92rem;font-style:italic;margin-top:4px}
h1{font-size:2rem;line-height:1.25;margin:8px 0 14px}
h2{font-size:1.35rem;margin:34px 0 12px}
h3{font-size:1.1rem;margin:24px 0 8px}
p{margin:0 0 16px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}
a{color:var(--accent)}
.meta{color:var(--muted);font-size:.88rem;font-style:italic;margin-bottom:26px}
.lead{font-size:1.12rem;color:#39404d}
.box{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);padding:16px 20px;margin:22px 0;font-size:.98rem}
.article-list{list-style:none;margin:0}
.article-list li{border-bottom:1px solid var(--line);padding:20px 0;margin:0}
.article-list a{font-size:1.22rem;font-weight:700;text-decoration:none;color:var(--ink);font-family:Georgia,serif}
.article-list a:hover{color:var(--accent)}
.article-list p{color:var(--muted);font-size:.95rem;margin:6px 0 0}
footer.site{border-top:1px solid var(--line);margin-top:56px;padding:24px 0 32px;color:var(--muted);font-size:.85rem}
table{width:100%;border-collapse:collapse;margin:0 0 16px;background:#fff}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:.95rem}
th{background:#f3efe6}
@media(max-width:600px){body{font-size:16px}h1{font-size:1.6rem}}