/* blog.css - NeuroSalt Blog Shared Styles */
:root{--primary:#1a6b5e;--primary-light:#2dd4bf;--accent:#f59e0b;--text:#1a2740;--text-muted:#5a7270;--bg-light:#f0faf8;--border:#d1e8e4;--shadow:0 4px 24px rgba(26,107,94,0.12);--font-head:'Montserrat',sans-serif;--font-body:'Open Sans',sans-serif;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--text);background:#fff;line-height:1.7;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:860px;margin:0 auto;padding:0 20px;}

/* NAV */
.navbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:1.2rem;color:var(--primary);}
.nav-logo img{width:32px;border-radius:8px;}
.nav-cta{background:var(--primary);color:#fff;font-family:var(--font-head);font-weight:700;padding:10px 22px;border-radius:50px;font-size:0.9rem;transition:all 0.3s;min-height:44px;display:flex;align-items:center;}
.nav-cta:hover{background:#0f4a3f;transform:scale(1.03);}

/* ARTICLE */
.blog-main{padding:60px 0 80px;}
.blog-article{max-width:100%;}
.article-meta{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.post-tag{display:inline-block;background:rgba(26,107,94,0.1);color:var(--primary);font-size:0.75rem;font-weight:700;font-family:var(--font-head);padding:4px 12px;border-radius:50px;letter-spacing:1px;}
.meta-date{font-size:0.85rem;color:var(--text-muted);}
h1{font-family:var(--font-head);font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin-bottom:20px;}
.hl{color:var(--primary);}
h2{font-family:var(--font-head);font-weight:800;font-size:clamp(1.2rem,3vw,1.6rem);margin:36px 0 14px;color:var(--text);}
h3{font-family:var(--font-head);font-weight:700;font-size:1.1rem;margin:24px 0 10px;color:var(--primary);}
p{font-size:1rem;line-height:1.75;margin-bottom:16px;color:#2a4540;}
strong{font-weight:700;color:var(--text);}
em{font-style:italic;}

/* ARTICLE INTRO */
.article-intro{background:var(--bg-light);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:20px 24px;margin-bottom:32px;}
.article-intro p{margin:0;font-size:1.05rem;}

/* TOC */
.toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 26px;margin-bottom:36px;box-shadow:var(--shadow);}
.toc h3{margin:0 0 12px;font-size:1rem;color:var(--text);}
.toc ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;}
.toc a{color:var(--primary);font-size:0.92rem;font-weight:600;font-family:var(--font-head);}
.toc a:hover{text-decoration:underline;}

/* STYLED LIST */
.styled-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.styled-list li{padding:10px 14px 10px 38px;background:var(--bg-light);border-radius:8px;font-size:0.95rem;position:relative;line-height:1.6;}
.styled-list li::before{content:'✓';position:absolute;left:12px;color:var(--primary);font-weight:700;}

/* HIGHLIGHT BOX */
.highlight-box{background:linear-gradient(135deg,rgba(26,107,94,0.08),rgba(45,212,191,0.08));border:1px solid rgba(26,107,94,0.2);border-radius:12px;padding:20px 24px;margin:24px 0;}
.highlight-box strong{color:var(--primary);}

/* INGREDIENT SPOTLIGHT */
.ingredient-spotlight{background:#fff;border:1px solid var(--border);border-left:4px solid var(--primary-light);border-radius:0 12px 12px 0;padding:20px 24px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.ingredient-spotlight h3{margin:0 0 10px;font-size:1rem;}
.ingredient-spotlight p{margin:0;}

/* REVIEW BLOCK */
.review-block{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow);}
.review-block.critical{border-color:#fde68a;background:#fffdf0;}
.reviewer-info{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.reviewer-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;font-family:var(--font-head);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.reviewer-info strong{display:block;font-family:var(--font-head);font-size:0.95rem;}
.stars-sm{font-size:0.9rem;}

/* RATING SUMMARY */
.rating-summary{display:flex;gap:30px;align-items:center;background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:32px;flex-wrap:wrap;}
.rating-big{font-family:var(--font-head);font-weight:900;font-size:4rem;color:var(--primary);line-height:1;}
.rating-info{flex:1;min-width:200px;}
.stars-row{font-size:1.3rem;margin-bottom:4px;}
.rating-bars{margin-top:12px;display:flex;flex-direction:column;gap:6px;}
.bar-row{display:flex;align-items:center;gap:10px;font-size:0.82rem;color:var(--text-muted);}
.bar-row>span:first-child{min-width:30px;font-family:var(--font-head);font-weight:600;}
.bar{flex:1;height:8px;background:rgba(26,107,94,0.1);border-radius:4px;overflow:hidden;}
.bar div{height:100%;background:var(--primary);border-radius:4px;}
.bar-row>span:last-child{min-width:32px;text-align:right;}

/* CTA BOX */
.cta-box{background:linear-gradient(135deg,var(--primary),#0a4a3e);border-radius:16px;padding:36px;text-align:center;margin:40px 0;}
.cta-box h3{font-family:var(--font-head);font-weight:800;font-size:1.4rem;color:#fff;margin-bottom:10px;}
.cta-box p{color:rgba(255,255,255,0.85);margin-bottom:20px;}
.cta-btn{display:inline-block;background:var(--accent);color:#fff;font-family:var(--font-head);font-weight:700;font-size:1.05rem;padding:16px 36px;border-radius:50px;transition:all 0.3s;box-shadow:0 6px 20px rgba(245,158,11,0.4);min-height:52px;}
.cta-btn:hover{transform:scale(1.04);box-shadow:0 10px 30px rgba(245,158,11,0.5);}

/* RELATED POSTS */
.related-posts{background:var(--bg-light);border-radius:12px;padding:24px;margin-top:40px;}
.related-posts h3{font-family:var(--font-head);font-weight:700;font-size:1rem;margin-bottom:14px;}
.related-posts ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;}
.related-posts a{color:var(--primary);font-weight:600;font-family:var(--font-head);font-size:0.92rem;}
.related-posts a:hover{text-decoration:underline;}

/* FOOTER */
.footer{background:#0e1e1c;color:rgba(255,255,255,0.7);padding:40px 20px;text-align:center;}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px;font-size:0.88rem;}
.footer-links a{color:var(--primary-light);}
.footer-links a:hover{color:#fff;}
.footer p{font-size:0.82rem;opacity:0.55;}

@media(max-width:576px){
  h1{font-size:1.5rem;}
  .rating-summary{flex-direction:column;text-align:center;}
  .cta-btn{font-size:0.95rem;padding:14px 28px;}
}