:root{--bg:#fbf8f3;--fg:#2b2622;--muted:#7a6f66;--accent:#a4572b;--line:#e8e0d5}
@media (prefers-color-scheme:dark){:root{--bg:#1c1a18;--fg:#ece6df;--muted:#a59a90;--accent:#e08a57;--line:#34302c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
.wrap{max-width:680px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);padding:28px 0 18px}
header a.brand{font-size:26px;color:var(--fg);text-decoration:none;font-weight:bold}
header p{margin:4px 0 0;color:var(--muted);font-style:italic}
nav{margin-top:12px;font-family:system-ui,sans-serif;font-size:14px}
nav a{color:var(--muted);margin-right:16px;text-decoration:none}
nav a:hover,a{color:var(--accent)}
main{padding:28px 0 40px}
article{margin-bottom:34px}
article h2{margin:0 0 4px;font-size:22px}
article h2 a{color:var(--fg);text-decoration:none}
.meta{font-family:system-ui,sans-serif;font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:18px 0 40px;color:var(--muted);font-size:13px;font-family:system-ui,sans-serif}
blockquote{border-left:3px solid var(--accent);margin:20px 0;padding:2px 16px;color:var(--muted)}
ul.ingredients{padding-left:20px}