:root{--bg:#faf9f6;--fg:#1e1c1a;--mut:#6b6560;--line:#e6e1d8;--acc:#7a5c3e}
@media(prefers-color-scheme:dark){:root{--bg:#171614;--fg:#e9e5df;--mut:#9a938b;--line:#2c2a27;--acc:#c9a878}}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 Georgia,'Times New Roman',serif;color:var(--fg);background:var(--bg)}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:12px;padding-top:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}
header img{width:40px;height:40px}
header a.site{font-weight:700;color:var(--fg);text-decoration:none;font-size:20px}
nav{margin-left:auto;display:flex;gap:16px;font-size:15px;font-family:system-ui,sans-serif}
nav a{color:var(--mut);text-decoration:none}nav a:hover{color:var(--acc)}
h1{font-size:28px;line-height:1.25;margin:26px 0 6px}
h2{font-size:21px;margin:30px 0 8px}
.meta{color:var(--mut);font-size:14px;font-family:system-ui,sans-serif;margin-bottom:18px}
article p{margin:14px 0}
.card{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.card img{width:96px;height:72px;border-radius:6px;flex:0 0 auto}
.card h3{margin:0 0 4px;font-size:19px}
.card a{color:var(--fg);text-decoration:none}.card a:hover{color:var(--acc)}
.card p{margin:6px 0 0;color:var(--mut);font-size:15px}
blockquote{margin:18px 0;padding:8px 18px;border-left:3px solid var(--acc);color:var(--mut);font-style:italic}
footer{margin:40px 0 60px;padding-top:18px;border-top:1px solid var(--line);color:var(--mut);font-size:14px;font-family:system-ui,sans-serif;display:flex;gap:14px;flex-wrap:wrap}
footer a{color:var(--mut)}
img.hero{width:100%;height:auto;border-radius:8px;margin:12px 0}