:root { --ink: #2c2824; --paper: #fbf7f0; --accent: #e8704a; }
* { box-sizing: border-box; margin: 0; }
body { font-family: Georgia, serif; background: var(--paper); color: var(--ink); line-height: 1.6; }
nav { display: flex; gap: 1.5rem; padding: 1.25rem 2rem; border-bottom: 1px solid #e7dfd2; }
nav a { color: var(--ink); text-decoration: none; font-size: 1.05rem; }
nav a.active { color: var(--accent); border-bottom: 2px solid var(--accent); }
main { max-width: 640px; margin: 0 auto; padding: 3rem 1.5rem; }
h1 { font-size: 2.4rem; margin-bottom: 0.75rem; }
.tag { color: var(--accent); font-style: italic; font-size: 1.15rem; margin-bottom: 1.5rem; }
.loaf { width: 180px; display: block; margin: 1.5rem 0; }
.menu { list-style: none; padding: 0; margin: 1.5rem 0; }
.menu li { display: flex; justify-content: space-between; padding: 0.6rem 0; border-bottom: 1px dashed #d8cebd; }
code { background: #f0e8da; padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.9em; }
footer { text-align: center; padding: 2rem; color: #7a6f65; font-size: 0.85rem; }
p { margin-bottom: 1rem; }