:root{--bg:#fffaf4;--surface:#fff;--ink:#243126;--muted:#657064;--accent:#2f6d4f;--accent-dark:#214c38;--warm:#b45f3c;--line:#e7ded4;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{color:var(--accent-dark)}img{max-width:100%;height:auto}.wrap{width:min(92%,var(--max));margin:0 auto}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.2px;text-decoration:none;color:var(--ink);font-size:1.15rem}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{text-decoration:none;font-weight:650}.button{display:inline-block;background:var(--accent);color:white!important;padding:.78rem 1.05rem;border-radius:999px;text-decoration:none;font-weight:750}.button:hover{background:var(--accent-dark)}.hero{padding:72px 0 54px;background:linear-gradient(180deg,#fff6ec 0%,var(--bg) 100%)}.eyebrow{color:var(--warm);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1,h2,h3{line-height:1.18;margin-top:0}h1{font-size:clamp(2.25rem,5vw,4.6rem);max-width:900px;margin-bottom:1rem}h2{font-size:clamp(1.6rem,3vw,2.5rem)}.lead{font-size:1.18rem;max-width:760px;color:#4f5b50}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.secondary{display:inline-block;border:1px solid var(--line);background:white;color:var(--ink);padding:.78rem 1.05rem;border-radius:999px;text-decoration:none;font-weight:750}.section{padding:54px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 7px 22px rgba(52,43,32,.05)}.card h3{margin-bottom:.55rem}.card p{color:var(--muted)}.card a.more{font-weight:800;text-decoration:none}.cta{background:#edf5ef;border:1px solid #d7e8db;border-radius:22px;padding:30px}.content{max-width:820px;margin:0 auto}.content h1{font-size:clamp(2.1rem,5vw,3.5rem)}.content h2{margin-top:2.2rem}.notice{border-left:4px solid var(--warm);background:#fff;padding:16px 18px;margin:24px 0}.placeholder{border:2px dashed #cbbdad;border-radius:16px;background:#fff;padding:22px;color:var(--muted)}.recipe-shell{display:grid;gap:18px}.recipe-item{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}footer{border-top:1px solid var(--line);background:#fff;padding:34px 0;margin-top:54px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none}.small{font-size:.92rem;color:var(--muted)}@media(max-width:760px){.site-header{position:static}.nav{align-items:flex-start;padding:16px 0;flex-direction:column}.nav-links{gap:12px 16px}.grid-3{grid-template-columns:1fr}.hero{padding:48px 0 36px}}

/* Long-form recipe collection */
.article-hero { padding: 64px 0 38px; background: linear-gradient(180deg,#fff6ec 0%,var(--bg) 100%); }
.article-meta { margin-top: 18px; color: var(--muted); font-size: .92rem; }
.toc { columns: 2; column-gap: 40px; background: white; border: 1px solid var(--line); border-radius: 18px; padding: 24px 24px 24px 46px; }
.toc li { margin: 0 0 10px; break-inside: avoid; }
.inline-cta { margin: 38px 0; }
.full-recipe { padding: 44px 0 34px; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.full-recipe:first-of-type { margin-top: 25px; }
.recipe-number { font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--warm); font-size: .78rem; }
.recipe-intro { font-size: 1.08rem; color: #4f5b50; }
.recipe-stats { display:flex; flex-wrap:wrap; gap:10px 18px; padding: 13px 15px; background:#f4efe8; border-radius:12px; margin:18px 0 24px; font-size:.94rem; }
.recipe-columns { display:grid; grid-template-columns: .9fr 1.1fr; gap:34px; align-items:start; }
.recipe-columns li { margin-bottom: 8px; }
.why-box, .flavor-tip { border-radius: 14px; padding: 16px 18px; margin-top: 18px; }
.why-box { background:#edf5ef; border:1px solid #d7e8db; }
.flavor-tip { background:#fff4e8; border:1px solid #efd9c5; }
.backtop { text-align:right; font-size:.9rem; }
.sources li { margin-bottom:8px; }
.final-cta { margin-top: 50px; }
@media (max-width: 760px) {
  .toc { columns: 1; }
  .recipe-columns { grid-template-columns: 1fr; gap: 10px; }
  .full-recipe { scroll-margin-top: 20px; }
}

/* Nutrition panels */
.nutrition-box{margin:1rem 0 1.4rem;padding:1rem 1.1rem;border:1px solid #d8dfd5;border-radius:14px;background:#f8faf6}.nutrition-box h3{margin-top:0}.nutrition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem 1rem}.nutrition-item{font-size:.95rem}.nutrition-box .small{margin-bottom:0}@media(max-width:700px){.nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.recipe-photo{margin:1.2rem 0}.recipe-photo img{display:block;width:100%;max-width:840px;aspect-ratio:1.5;object-fit:cover;border-radius:14px}.recipe-photo figcaption{font-size:.85rem;color:#506358;margin-top:.4rem}