:root {
  --green: #2d6a4f;
  --green-light: #52b788;
  --green-pale: #d8f3dc;
  --gold: #c9a84c;
  --dark: #1b1b2f;
  --gray: #5c5f6b;
  --white: #ffffff;
  --bg: #f4faf6;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--dark);}
header{background:linear-gradient(135deg,var(--dark) 0%,var(--green) 100%);color:#fff;padding:40px 20px 30px;text-align:center;}
.logo{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;}
.logo span{color:var(--gold);}
nav{background:var(--green);display:flex;justify-content:center;gap:0;flex-wrap:wrap;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.2);}
nav a{color:#fff;text-decoration:none;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:background .2s;}
nav a:hover,nav a.active{background:var(--green-light);}
.container{max-width:860px;margin:0 auto;padding:48px 20px;}
h1{font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,42px);font-weight:900;line-height:1.2;margin-bottom:16px;}
h2{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin:40px 0 14px;color:var(--green);}
h3{font-size:18px;font-weight:700;margin:24px 0 10px;color:var(--dark);}
p{font-size:16px;line-height:1.8;color:#333;margin-bottom:18px;}
ul,ol{padding-left:22px;margin-bottom:18px;}
li{font-size:16px;line-height:1.8;color:#333;margin-bottom:6px;}
.hero-post{background:linear-gradient(135deg,var(--dark) 0%,var(--green) 100%);color:#fff;padding:64px 20px;text-align:center;}
.hero-post h1{color:#fff;}
.hero-post .meta{font-size:13px;opacity:.7;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase;}
.hero-post .excerpt{font-size:18px;opacity:.85;max-width:680px;margin:0 auto;}
.tag{display:inline-block;background:var(--gold);color:var(--dark);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:50px;margin-bottom:16px;}
.highlight-box{background:var(--green-pale);border-left:4px solid var(--green);border-radius:8px;padding:20px 24px;margin:24px 0;}
.highlight-box p{margin-bottom:0;color:var(--green);}
.cta-box{background:linear-gradient(135deg,var(--green) 0%,var(--dark) 100%);color:#fff;text-align:center;padding:48px 20px;border-radius:12px;margin:48px 0;}
.cta-box h3{font-family:'Playfair Display',serif;font-size:26px;margin-bottom:10px;color:#fff;}
.cta-box p{opacity:.85;margin-bottom:24px;}
.cta-btn{display:inline-block;background:var(--gold);color:var(--dark);font-weight:700;font-size:15px;padding:14px 36px;border-radius:4px;text-decoration:none;letter-spacing:1px;text-transform:uppercase;}
.cta-btn:hover{opacity:.9;}
.ingredient-card{background:#fff;border-radius:10px;padding:22px;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);border-left:4px solid var(--green-light);}
.ingredient-card h3{margin-top:0;color:var(--green);}
.rating-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:18px 22px;box-shadow:0 2px 10px rgba(0,0,0,.07);margin-bottom:16px;}
.stars{color:var(--gold);font-size:20px;}
.related-posts{background:#fff;border-radius:12px;padding:32px;margin-top:48px;box-shadow:0 2px 16px rgba(0,0,0,.07);}
.related-posts h2{margin-top:0;font-size:22px;}
.related-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;}
.related-links a{display:block;background:var(--green-pale);color:var(--green);padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:700;font-size:13px;transition:background .2s;}
.related-links a:hover{background:var(--green);color:#fff;}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;}
.pros{background:#e8f5e9;border-radius:10px;padding:20px;}
.cons{background:#fff3e0;border-radius:10px;padding:20px;}
.pros h3{color:#2e7d32;margin-top:0;}
.cons h3{color:#e65100;margin-top:0;}
footer{background:var(--dark);color:#fff;text-align:center;padding:36px 20px;}
footer a{color:var(--green-light);text-decoration:none;margin:0 8px;font-size:13px;}
footer p{opacity:.6;font-size:13px;margin-bottom:8px;}
.disclaimer{background:#111;color:#888;font-size:11px;padding:14px 20px;text-align:center;line-height:1.6;}
.breadcrumb{font-size:13px;color:var(--gray);margin-bottom:24px;}
.breadcrumb a{color:var(--green);text-decoration:none;}
table{width:100%;border-collapse:collapse;margin:24px 0;}
th{background:var(--green);color:#fff;padding:12px 16px;text-align:left;font-size:14px;}
td{padding:12px 16px;border-bottom:1px solid #e0e0e0;font-size:14px;}
tr:nth-child(even) td{background:#f9f9f9;}
@media(max-width:600px){.pros-cons{grid-template-columns:1fr;}}
