:root{--bg:#fbf7f0;--paper:#fff;--ink:#2a2420;--muted:#6f655c;--accent:#b8481a;--accent-2:#2f6b4f;--line:#e8dfd2;--soft:#fff8ee}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
a{color:var(--accent);text-underline-offset:2px}a:hover{color:#8a3511}
img{max-width:100%}
.site-header{background:var(--paper);border-bottom:3px solid var(--accent)}
.head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:16px;padding-bottom:12px}
.brand{text-decoration:none;color:var(--ink);display:block}
.brand-name{display:block;font:700 1.8rem/1.15 Georgia,"Times New Roman",serif;color:var(--accent)}
.tagline{display:block;color:var(--muted);font-size:.92rem}
.nav{display:flex;flex-wrap:wrap;gap:4px 20px}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;padding:4px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--accent-2);color:var(--accent-2)}
main.wrap{padding-top:28px;padding-bottom:44px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.25}
h2{font-size:1.45rem;margin:1.6rem 0 .6rem}
.page-title{font-size:2.1rem;margin:0 0 6px}
.lede{color:var(--muted);font-size:1.06rem;margin:.2rem 0 1rem}
.count{color:var(--muted);font-size:.88rem;margin:0 0 14px}
.hero-block{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 26px 18px;margin-bottom:8px}
.hero-block h1{font-size:2.3rem;margin:0 0 6px;max-width:20ch}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{display:inline-block;background:var(--soft);border:1px solid #f0dcc0;border-radius:999px;padding:4px 13px;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--accent)}
.chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:18px;margin:14px 0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card .thumb{display:block}
.card .thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--soft)}
.card-body{padding:12px 14px 14px}
.card h3{font-size:1.05rem;margin:0 0 4px;line-height:1.3}
.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent)}
.card .stat{margin:.1rem 0 .3rem;font-size:.82rem;font-weight:700;color:var(--accent-2);letter-spacing:.01em}
.card .blurb{margin:0;font-size:.92rem;color:var(--muted);line-height:1.5}
.more-link{font-weight:600}
.minis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}
.mini{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px 16px 12px}
.mini h3{margin:.7rem 0 .4rem;font-size:1.05rem;color:var(--accent)}
.mini ul{list-style:none;margin:0;padding:0}.mini li{padding:3px 0;font-size:.95rem}.mini li span{color:var(--muted);font-size:.8rem;margin-left:4px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tile{display:block;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--ink);position:relative}
.tile:hover{border-color:var(--accent)}
.tile strong{display:block;color:var(--accent);font-family:Georgia,serif;padding-right:34px}
.tile span{position:absolute;top:12px;right:14px;background:var(--soft);border-radius:999px;font-size:.78rem;font-weight:700;padding:1px 9px;color:var(--muted)}
.tile em{display:block;font-style:normal;color:var(--muted);font-size:.88rem;line-height:1.45;margin-top:3px}
.group h2{margin-top:2rem}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-weight:600}.pager span{color:var(--muted);font-weight:400}
.post{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px 28px;max-width:780px;margin:0 auto}
.post h1{font-size:2.05rem;margin:0 0 6px}
.crumbs{font-size:.85rem;color:var(--muted);margin:0 0 8px}.crumbs a{color:var(--muted)}
.post .lede{font-size:1.1rem}
.hero{width:100%;height:auto;border-radius:10px;margin:8px 0 14px;display:block}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 18px}
.facts li{flex:1 1 110px;background:var(--soft);border:1px solid #f0dcc0;border-radius:10px;padding:8px 10px;text-align:center}
.facts strong{display:block;font:700 1.25rem Georgia,serif;color:var(--accent)}
.facts span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.intro{font-size:1.04rem}
.recipe{background:var(--soft);border:1px solid #f0dcc0;border-left:5px solid var(--accent);border-radius:8px;padding:2px 20px 14px;margin:0 0 20px}
.recipe h2,.recipe h3{margin:.8rem 0 .3rem;color:var(--accent)}
.recipe .facts-line{margin:.2rem 0 .6rem;color:var(--muted);font-size:.92rem}.makes{margin:0 0 6px;color:var(--muted);font-size:.9rem}
.ing{margin:0;padding-left:1.2rem}.ing li{padding:3px 0}
.ingredients{line-height:1.8}
.steps{padding-left:1.3rem}.steps li{padding:5px 0}
.nut{border-collapse:collapse;width:100%;max-width:340px}.nut th{text-align:left;font-weight:600;padding:5px 10px 5px 0;border-bottom:1px solid var(--line)}.nut td{text-align:right;padding:5px 0;border-bottom:1px solid var(--line)}
.small{font-size:.85rem;color:var(--muted)}
.entry img{max-width:100%;height:auto;border-radius:6px}
.entry .alignleft{float:left;margin:4px 16px 8px 0}.entry .alignright{float:right;margin:4px 0 8px 16px}.entry .aligncenter{display:block;margin:12px auto}
.entry::after{content:"";display:block;clear:both}
.video{position:relative;padding-bottom:56.25%;height:0;margin:16px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:6px}
.wp-caption{margin:12px 0;max-width:100%}.wp-caption figcaption{color:var(--muted);font-size:.85rem}
.related{max-width:1040px;margin-top:28px}
table{border-collapse:collapse;max-width:100%}
.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:18px 0;background:var(--paper)}.site-footer p{margin:.3rem 0}
@media(max-width:600px){body{font-size:16px}.post{padding:16px}.hero-block h1{font-size:1.8rem}.page-title,.post h1{font-size:1.65rem}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card-body{padding:10px}}