.article-hero{position:relative;border-radius:12px;overflow:hidden;margin-bottom:2rem}.article-hero img{width:100%;height:280px;object-fit:cover}.article-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}.callout-key{background:linear-gradient(135deg,#00ff881a,#00aa550d);border-left:4px solid var(--color-accent);border-radius:0 12px 12px 0;padding:1.5rem;margin:1.5rem 0;position:relative}.callout-key:before{content:"💡";font-size:1.5rem;position:absolute;top:-.75rem;left:1rem;background:#1a1a1a;padding:0 .5rem}.callout-key-title{color:var(--color-accent);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.callout-warning{background:linear-gradient(135deg,#ff66001a,#aa44000d);border-left:4px solid var(--color-warning);border-radius:0 12px 12px 0;padding:1.5rem;margin:1.5rem 0;position:relative}.callout-warning:before{content:"⚠️";font-size:1.5rem;position:absolute;top:-.75rem;left:1rem;background:#1a1a1a;padding:0 .5rem}.callout-warning-title{color:var(--color-warning);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.callout-fact{background:linear-gradient(135deg,#8800ff1a,#5500aa0d);border:2px dashed rgba(136,0,255,.4);border-radius:12px;padding:1.5rem;margin:1.5rem 0;position:relative}.callout-fact:before{content:"🧪";font-size:1.5rem;position:absolute;top:-.75rem;left:1rem;background:#1a1a1a;padding:0 .5rem}.callout-fact-title{color:#a855f7;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.callout-tip{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-left:4px solid #3b82f6;border-radius:0 12px 12px 0;padding:1.5rem;margin:1.5rem 0;position:relative}.callout-tip:before{content:"✨";font-size:1.5rem;position:absolute;top:-.75rem;left:1rem;background:#1a1a1a;padding:0 .5rem}.callout-tip-title{color:#3b82f6;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.callout-science{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:1.5rem;margin:1.5rem 0;position:relative}.callout-science:before{content:"🔬";font-size:1.5rem;position:absolute;top:-.75rem;left:1rem;background:#1a1a1a;padding:0 .5rem}.callout-science-title{color:#10b981;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.food-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}@media(max-width:640px){.food-grid{grid-template-columns:1fr}}.food-card{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border:1px solid #333;border-radius:12px;padding:1.25rem;transition:all .2s ease}.food-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.food-card-bad{border-left:3px solid #ef4444}.food-card-good{border-left:3px solid #22c55e}.food-card-icon{font-size:1.5rem;margin-bottom:.5rem}.food-card-title{color:#fff;font-weight:600;margin-bottom:.25rem}.food-card-desc{font-size:.875rem;color:#9ca3af}.step-list{counter-reset:step-counter;list-style:none;padding:0;margin:1.5rem 0}.step-item{counter-increment:step-counter;position:relative;padding-left:4rem;margin-bottom:1.5rem}.step-item:before{content:counter(step-counter);position:absolute;left:0;top:0;width:3rem;height:3rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);color:#000;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.step-title{color:#fff;font-weight:600;font-size:1.125rem;margin-bottom:.25rem}.step-desc{color:#9ca3af}.comparison-table{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;margin:1.5rem 0}.comparison-header{display:grid;grid-template-columns:1fr 1fr;background:#2a2a2a;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.comparison-header>div{padding:1rem;text-align:center}.comparison-header .col-bad{color:#ef4444;border-right:1px solid #333}.comparison-header .col-good{color:#22c55e}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #333}.comparison-row>div{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.comparison-row .col-left{border-right:1px solid #333;color:#f87171}.comparison-row .col-right{color:#4ade80}.summary-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.summary-pill{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border:1px solid #444;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.summary-pill-icon{font-size:1.125rem}.pull-quote{border-left:4px solid var(--color-accent);padding:1.5rem 2rem;margin:2rem 0;font-size:1.25rem;font-style:italic;color:#d1d5db;background:linear-gradient(90deg,rgba(0,255,136,.05) 0%,transparent 50%)}.pull-quote-source{font-size:.875rem;font-style:normal;color:#6b7280;margin-top:.75rem}.section-divider{display:flex;align-items:center;gap:1rem;margin:2.5rem 0;color:#4b5563;font-size:.75rem;text-transform:uppercase;letter-spacing:2px}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#333 50%,transparent 100%)}.inline-image{margin:2rem 0;border-radius:12px;overflow:hidden;border:1px solid #333}.inline-image img{width:100%;height:auto}.inline-image-caption{padding:.75rem 1rem;background:#1a1a1a;font-size:.875rem;color:#9ca3af;text-align:center}.disclaimer{background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,transparent 100%);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.25rem;margin:2rem 0;font-size:.875rem;color:#9ca3af}.disclaimer-icon{color:#ef4444;margin-right:.5rem}.faq-item{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border:1px solid #333;border-radius:12px;margin-bottom:.75rem;overflow:hidden}.faq-question{padding:1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#fff}.faq-question:hover{background:#ffffff05}.faq-answer{padding:0 1.25rem 1.25rem;color:#9ca3af;border-top:1px solid #333}.toc{background:linear-gradient(180deg,#222,#1a1a1a);border:1px solid #333;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.toc-title{color:var(--color-accent);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:.5rem}.toc-list a{color:#9ca3af;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.toc-list a:hover{color:var(--color-accent)}.toc-list a:before{content:"→";color:#4b5563}