@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap";:root{--bg:#faf8f5;--surface:#fff;--text:#2d2a25;--text-muted:#7a756d;--accent-soup:#c0532c;--accent-ferment:#5a7a3a;--border:#e8e4df;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.hero{text-align:center;padding:4rem 1rem 2rem}.hero h1{margin-bottom:.25rem;font-family:DM Serif Display,serif;font-size:3rem}.hero p{color:var(--text-muted);font-size:1.1rem}.filters{justify-content:center;gap:.5rem;padding:0 1rem 2rem;display:flex}.filters button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.filters button.active,.filters button:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;max-width:960px;margin:0 auto;padding:0 1.5rem 4rem;display:grid}.post-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.post-card img{object-fit:cover;width:100%;height:320px}.post-card-body{padding:1.2rem}.post-card-body h3{margin:.4rem 0 .2rem;font-family:DM Serif Display,serif;font-size:1.25rem}.post-card-body .date{color:var(--text-muted);font-size:.8rem}.post-card-body .summary{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.post-card-body .rating{color:#e6a117;letter-spacing:2px;margin-top:.5rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.badge.soup{color:var(--accent-soup);background:#fce8e2}.badge.ferment{color:var(--accent-ferment);background:#e8f0dc}.badge.misc{color:#6b5b95;background:#e8e4f0}.post-detail{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.post-detail .back{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.post-detail .back:hover{color:var(--text)}.post-detail img{object-fit:contain;border-radius:var(--radius);width:100%;max-height:560px}.post-detail-content{margin-top:1.5rem}.post-detail-content h1{margin:.5rem 0 .25rem;font-family:DM Serif Display,serif;font-size:2.2rem}.post-detail-content .date{color:var(--text-muted);font-size:.9rem}.post-detail-content .rating{color:#e6a117;letter-spacing:2px;margin:.5rem 0 1.5rem;font-size:1.2rem}.post-detail-content p{margin-bottom:1rem;font-size:1.05rem}.not-found{text-align:center;padding:4rem 1rem}.not-found a{color:var(--text-muted);margin-top:1rem;display:inline-block}