/* ═══════════════════════════════════════════════════════
   METABURN ADVERTORIAL — SHARED CSS
   Version: Taboola (full storytelling)
   Last updated: June 2026
═══════════════════════════════════════════════════════ */

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
img{max-width:100%;display:block;}

/* ── DESIGN TOKENS ── */
:root{
  --ink:        #111111;
  --mid:        #444444;
  --muted:      #777777;
  --bg:         #ffffff;
  --surface:    #f7f6f3;
  --border:     #e5e3de;
  --accent:     #1a5c96;
  --accent-lt:  #eef4fb;
  --gold:       #b8860b;
  --cta:        #d64c00;
  --cta-hov:    #b84000;
  --max-w:      720px;
  --px:         20px;
}

/* ── BASE ── */
body{
  font-family:'Georgia',serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.75;
  font-size:17px;
  overflow-x:hidden;
}

/* ── MASTHEAD ── */
.masthead{
  background:var(--ink);
  padding:12px var(--px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.masthead-logo{
  font-family:'Georgia',serif;
  font-size:15px;font-weight:700;
  color:#fff;letter-spacing:.04em;
  text-transform:uppercase;
}
.masthead-nav{
  font-family:Arial,sans-serif;
  font-size:11px;
  color:rgba(255,255,255,.4);
  letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;
}

/* ── BREADCRUMB ── */
.breadcrumb{
  background:var(--surface);
  border-bottom:1px solid var(--border);
  padding:9px var(--px);
  font-family:Arial,sans-serif;
  font-size:11px;color:var(--muted);
  letter-spacing:.03em;
}
.breadcrumb a{color:var(--accent);text-decoration:none;}

/* ── ARTICLE WRAPPER ── */
.article{
  max-width:var(--max-w);
  margin:0 auto;
  padding:0 var(--px) 80px;
}

/* ── ARTICLE HEADER ── */
.article-header{padding:36px 0 28px;}

.eyebrow{
  font-family:Arial,sans-serif;
  font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:14px;
}
.article-h1{
  font-family:'Georgia',serif;
  font-size:clamp(1.6rem,4.5vw,2.35rem);
  font-weight:700;line-height:1.2;
  color:var(--ink);margin-bottom:18px;
  letter-spacing:-.01em;
}
.article-deck{
  font-family:Arial,sans-serif;
  font-size:16px;line-height:1.65;color:var(--mid);
  border-left:3px solid var(--accent);
  padding-left:16px;margin-bottom:22px;
}

/* ── BYLINE ── */
.byline{
  display:flex;align-items:center;
  gap:12px;padding:14px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  margin-bottom:32px;
}
.byline-avatar{
  width:42px;height:42px;
  border-radius:50%;
  border:2px solid var(--accent);
  flex-shrink:0;overflow:hidden;
  background:var(--accent-lt);
  display:flex;align-items:center;justify-content:center;
}
.byline-avatar img{width:100%;height:100%;object-fit:cover;}
.byline-initials{font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:var(--accent);}
.byline-name{font-family:Arial,sans-serif;font-size:15px;font-weight:700;color:var(--ink);}
.byline-title{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);}
.byline-right{margin-left:auto;text-align:right;}
.byline-date{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);}
.sponsored-badge{
  display:inline-block;
  font-family:Arial,sans-serif;
  font-size:9px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  background:#fff8e6;border:1px solid #e8c84a;
  color:#7a5c00;padding:2px 7px;border-radius:3px;
  margin-top:3px;
}

/* ── BODY TEXT ── */
.article-body p{
  font-family:'Georgia',serif;
  font-size:18px;line-height:1.85;
  color:var(--mid);margin-bottom:22px;
}
.article-body p strong{color:var(--ink);font-weight:700;}
.article-body p em{font-style:italic;}
.article-body h2{
  font-family:'Georgia',serif;
  font-size:clamp(1.2rem,3vw,1.6rem);
  font-weight:700;color:var(--ink);
  margin:44px 0 16px;line-height:1.3;
  letter-spacing:-.01em;
}
.article-body h3{
  font-family:'Georgia',serif;
  font-size:1.1rem;font-weight:700;
  color:var(--ink);margin:28px 0 10px;
  line-height:1.35;
}

/* ── OPENING STORY (Taboola only) ── */
.story-open{
  background:var(--surface);
  border-left:3px solid var(--gold);
  padding:20px 20px 20px 22px;
  margin:0 0 28px;
  border-radius:0 6px 6px 0;
}
.story-open p{
  font-family:'Georgia',serif;
  font-size:17px;line-height:1.8;
  color:var(--mid);margin-bottom:16px;
  font-style:italic;
}
.story-open p:last-child{margin-bottom:0;}
.story-open p strong{color:var(--ink);font-style:normal;}

/* ── FAILURE STACK ── */
.failure-stack{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px 22px;
  margin:24px 0;
}
.failure-stack-title{
  font-family:Arial,sans-serif;
  font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:14px;
}
.failure-item{
  display:flex;align-items:baseline;
  gap:10px;margin-bottom:10px;
  font-family:Arial,sans-serif;
  font-size:16px;color:var(--mid);
  line-height:1.55;
}
.failure-item:last-child{margin-bottom:0;}
.failure-check{color:var(--muted);font-size:16px;flex-shrink:0;}
.failure-name{font-weight:700;color:var(--ink);}

/* ── DIALOGUE BLOCK ── */
.dialogue{margin:28px 0;}
.dialogue-exchange{margin-bottom:20px;}
.dialogue-speaker{
  font-family:Arial,sans-serif;
  font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:6px;
}
.dialogue-line{
  font-family:'Georgia',serif;
  font-size:16px;font-style:italic;
  line-height:1.7;color:var(--ink);
  border-left:2px solid var(--border);
  padding-left:14px;
  margin:0;
}
.dialogue-line.sterling{
  border-left-color:var(--accent);
  color:var(--ink);
}

/* ── SYMPTOM HOOK ── */
.symptom-hook{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:8px;
  padding:18px 20px;
  margin:24px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.symptom-item{
  display:flex;align-items:flex-start;
  gap:9px;font-family:Arial,sans-serif;
  font-size:16px;color:var(--mid);line-height:1.55;
}
.symptom-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);flex-shrink:0;margin-top:5px;
}

/* ── STAT ROW ── */
.stat-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;margin:28px 0;
}
.stat-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:16px 12px;text-align:center;
}
.stat-num{
  font-family:'Georgia',serif;
  font-size:1.9rem;font-weight:700;
  color:var(--accent);line-height:1;margin-bottom:6px;
}
.stat-label{
  font-family:Arial,sans-serif;
  font-size:11px;color:var(--muted);line-height:1.4;
}

/* ── IMAGE BLOCK ── */
.img-block{
  background:var(--surface);border:1px solid var(--border);
  border-radius:8px;overflow:hidden;margin:28px 0;
}
.img-block img{width:100%;height:auto;display:block;}
.img-placeholder{
  width:100%;height:200px;
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:8px;
  color:var(--muted);font-family:Arial,sans-serif;font-size:14px;
  text-align:center;padding:20px;
}
.img-caption{
  padding:10px 14px;font-family:Arial,sans-serif;
  font-size:11px;font-style:italic;color:var(--muted);
  border-top:1px solid var(--border);line-height:1.5;
}

/* ── PULL QUOTE ── */
.pull-quote{
  border-left:3px solid var(--gold);
  padding:4px 0 4px 20px;margin:30px 0;
}
.pull-quote p{
  font-family:'Georgia',serif;
  font-size:1.15rem;font-style:italic;
  line-height:1.6;color:var(--ink);margin:0;
}

/* ── CALLOUT BOX ── */
.callout{
  background:var(--accent-lt);
  border:1px solid #c5d9ee;
  border-left:3px solid var(--accent);
  border-radius:0 8px 8px 0;
  padding:18px 20px;margin:24px 0;
}
.callout-label{
  font-family:Arial,sans-serif;
  font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:8px;
}
.callout p{
  font-family:Arial,sans-serif;
  font-size:16px;color:var(--mid);
  line-height:1.65;margin:0 0 10px;
}
.callout p:last-child{margin-bottom:0;}
.callout p strong{color:var(--ink);}

/* ── AUTHORITY BLOCK ── */
.authority-block{
  display:flex;align-items:flex-start;
  gap:18px;background:var(--surface);
  border:1px solid var(--border);border-radius:10px;
  padding:20px;margin:28px 0;
}
.authority-photo{
  width:72px;height:72px;border-radius:50%;
  border:2px solid var(--accent);flex-shrink:0;
  overflow:hidden;background:var(--accent-lt);
}
.authority-photo img{width:100%;height:100%;object-fit:cover;}
.authority-name{
  font-family:'Georgia',serif;
  font-size:16px;font-weight:700;color:var(--ink);margin-bottom:2px;
}
.authority-cred{
  font-family:Arial,sans-serif;
  font-size:11px;color:var(--muted);margin-bottom:10px;
}
.authority-quote{
  font-family:'Georgia',serif;
  font-size:17px;font-style:italic;
  color:var(--mid);line-height:1.7;
}

/* ── COMPARISON TABLE ── */
.table-wrap{overflow-x:auto;margin:22px 0;}
.compare-table{
  width:100%;border-collapse:collapse;
  font-family:Arial,sans-serif;font-size:13px;
}
.compare-table th{
  background:var(--ink);color:#fff;
  padding:10px 14px;text-align:left;
  font-weight:700;font-size:11px;letter-spacing:.04em;
}
.compare-table td{
  padding:10px 14px;border-bottom:1px solid var(--border);
  color:var(--mid);vertical-align:top;
}
.compare-table tr:nth-child(even) td{background:var(--surface);}
.compare-table td:first-child{color:var(--ink);font-weight:700;}

/* ── PHASE CARDS ── */
.phase-list{margin:22px 0;display:flex;flex-direction:column;gap:14px;}
.phase-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.phase-header{
  background:var(--ink);padding:12px 18px;
  display:flex;align-items:center;gap:12px;
}
.phase-num{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.45);white-space:nowrap;
}
.phase-title{
  font-family:'Georgia',serif;
  font-size:15px;font-weight:700;color:#fff;
}
.phase-body{
  background:var(--surface);padding:16px 18px;
  font-family:Arial,sans-serif;font-size:16px;
  color:var(--mid);line-height:1.65;
}
.phase-body strong{color:var(--ink);}
.phase-ingredients{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;
}
.ingredient-tag{
  background:#fff;border:1px solid var(--border);
  border-radius:20px;padding:4px 10px;
  font-family:Arial,sans-serif;font-size:11px;color:var(--mid);
}

/* ── TIMELINE ── */
.timeline{margin:22px 0;display:flex;flex-direction:column;}
.timeline-item{
  display:flex;gap:16px;
  padding:14px 0;border-bottom:1px solid var(--border);
}
.timeline-item:last-child{border-bottom:none;}
.t-marker{
  display:flex;flex-direction:column;
  align-items:center;flex-shrink:0;width:52px;
}
.t-dot{
  width:11px;height:11px;border-radius:50%;
  background:var(--accent);flex-shrink:0;
}
.t-label{
  font-family:Arial,sans-serif;font-size:10px;
  font-weight:700;color:var(--accent);
  letter-spacing:.05em;text-transform:uppercase;
  margin-top:5px;text-align:center;
}
.t-text{
  font-family:Arial,sans-serif;font-size:16px;
  color:var(--mid);line-height:1.65;
}
.t-text strong{color:var(--ink);}

/* ── JOURNAL (Taboola only) ── */
.journal{
  background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:20px 22px;margin:24px 0;
}
.journal-title{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:16px;
}
.journal-entry{
  display:flex;gap:14px;
  padding:10px 0;border-bottom:1px solid var(--border);
}
.journal-entry:last-child{border-bottom:none;}
.journal-day{
  font-family:Arial,sans-serif;font-size:11px;font-weight:700;
  color:var(--accent);white-space:nowrap;flex-shrink:0;width:56px;
  padding-top:2px;
}
.journal-text{
  font-family:'Georgia',serif;font-size:16px;
  font-style:italic;color:var(--mid);line-height:1.65;
}
.journal-text strong{color:var(--ink);font-style:normal;}

/* ── COST COMPARISON (Taboola only) ── */
.cost-list{
  background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:18px 22px;margin:22px 0;
}
.cost-title{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:14px;
}
.cost-item{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;border-bottom:1px solid var(--border);
  font-family:Arial,sans-serif;font-size:16px;color:var(--mid);
}
.cost-item:last-child{border-bottom:none;}
.cost-amount{font-weight:700;color:var(--ink);}
.cost-total{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 0 0;
  font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:var(--ink);
  border-top:2px solid var(--ink);margin-top:4px;
}

/* ── TESTIMONIALS ── */
.testimonials-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:14px;margin:26px 0;
}
.t-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:16px;
}
.t-stars{color:#e8a020;font-size:14px;margin-bottom:8px;letter-spacing:2px;}
.t-text{
  font-family:'Georgia',serif;font-size:15px;font-style:italic;
  color:var(--mid);line-height:1.6;margin-bottom:10px;
}
.t-author{font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:var(--ink);}
.t-location{font-family:Arial,sans-serif;font-size:14px;color:var(--muted);}

/* ── COMMENTS (Taboola only) ── */
.comments-section{margin:36px 0;}
.comments-header{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:14px;border-bottom:2px solid var(--ink);
  margin-bottom:20px;
}
.comments-title{
  font-family:'Georgia',serif;font-size:1.1rem;font-weight:700;color:var(--ink);
}
.comments-count{
  font-family:Arial,sans-serif;font-size:12px;color:var(--muted);
}
.comment{
  padding:16px 0;border-bottom:1px solid var(--border);
  display:flex;gap:14px;
}
.comment:last-child{border-bottom:none;}
.comment-avatar{
  width:36px;height:36px;border-radius:50%;
  background:var(--surface);border:1px solid var(--border);
  flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:var(--accent);
}
.comment-body{}
.comment-meta{
  display:flex;align-items:center;gap:10px;margin-bottom:6px;
}
.comment-name{
  font-family:Arial,sans-serif;font-size:15px;font-weight:700;color:var(--ink);
}
.comment-time{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);}
.comment-text{
  font-family:Arial,sans-serif;font-size:16px;color:var(--mid);line-height:1.65;
}
.comment-disclaimer{
  font-family:Arial,sans-serif;font-size:10px;color:var(--muted);
  margin-top:6px;font-style:italic;
}
.comment-helpful{
  font-family:Arial,sans-serif;font-size:11px;color:var(--muted);margin-top:8px;
}
.comment-reply{
  margin-left:50px;padding:12px 0 0;border-top:1px dashed var(--border);
}

/* ── BINARY CHOICE (Taboola only) ── */
.binary-choice{
  display:grid;grid-template-columns:1fr 1fr;
  gap:16px;margin:28px 0;
}
.choice-card{
  border:1px solid var(--border);border-radius:8px;padding:18px;
}
.choice-card.choice-bad{border-color:#ddd;background:var(--surface);}
.choice-card.choice-good{border-color:var(--accent);background:var(--accent-lt);}
.choice-label{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;
}
.choice-bad .choice-label{color:var(--muted);}
.choice-good .choice-label{color:var(--accent);}
.choice-items{list-style:none;display:flex;flex-direction:column;gap:7px;}
.choice-item{
  font-family:Arial,sans-serif;font-size:15px;color:var(--mid);
  line-height:1.55;display:flex;gap:8px;align-items:flex-start;
}
.choice-icon{flex-shrink:0;font-size:15px;}

/* ── INLINE CTA ── */
.inline-cta{
  background:var(--ink);border-radius:10px;
  padding:24px 22px;margin:38px 0;text-align:center;
}
.inline-cta-tag{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.35);margin-bottom:10px;
}
.inline-cta-title{
  font-family:'Georgia',serif;
  font-size:clamp(1.05rem,3vw,1.35rem);
  font-weight:700;color:#fff;line-height:1.3;margin-bottom:8px;
}
.inline-cta-desc{
  font-family:Arial,sans-serif;font-size:15px;
  color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:18px;
}
.cta-btn{
  display:inline-block;background:var(--cta);color:#fff;
  font-family:Arial,sans-serif;font-size:16px;font-weight:700;
  padding:14px 28px;border-radius:6px;text-decoration:none;
  letter-spacing:.02em;transition:background .2s;
}
.cta-btn:hover{background:var(--cta-hov);}
.cta-btn-lg{font-size:17px;padding:16px 32px;}
.cta-sub{
  font-family:Arial,sans-serif;font-size:10px;
  color:rgba(255,255,255,.2);margin-top:12px;
}

/* ── FINAL CTA ── */
.final-cta{
  background:var(--surface);border:1px solid var(--border);
  border-radius:10px;padding:32px 24px;
  margin:36px 0;text-align:center;
}
.final-cta h2{
  font-family:'Georgia',serif;
  font-size:clamp(1.15rem,3.5vw,1.65rem);
  font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:12px;
}
.final-cta p{
  font-family:Arial,sans-serif;font-size:16px;
  color:var(--mid);line-height:1.65;margin-bottom:20px;
}
.trust-badges{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;
}
.trust-badge{
  font-family:Arial,sans-serif;font-size:11px;color:var(--muted);
  display:flex;align-items:center;gap:5px;
}

/* ── STOCK URGENCY (Taboola only) ── */
.stock-bar{
  background:#fff8e6;border:1px solid #e8c84a;
  border-radius:8px;padding:16px 18px;margin:22px 0;
  display:flex;align-items:flex-start;gap:12px;
}
.stock-icon{font-size:18px;flex-shrink:0;margin-top:2px;}
.stock-text{font-family:Arial,sans-serif;font-size:16px;color:var(--mid);line-height:1.65;}
.stock-text strong{color:var(--ink);}

/* ── MOBILE STICKY CTA ── */
.sticky-cta{
  display:none;
  position:fixed;bottom:0;left:0;right:0;
  background:var(--ink);padding:12px var(--px);
  z-index:1000;box-shadow:0 -3px 16px rgba(0,0,0,.2);
  align-items:center;justify-content:space-between;gap:12px;
}
.sticky-cta-text{
  font-family:Arial,sans-serif;font-size:14px;
  color:rgba(255,255,255,.7);line-height:1.4;flex:1;
}
.sticky-cta-text strong{color:#fff;display:block;font-size:15px;}
.sticky-cta-btn{
  background:var(--cta);color:#fff;
  font-family:Arial,sans-serif;font-size:14px;font-weight:700;
  padding:10px 16px;border-radius:6px;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
}

/* ── FOOTER ── */
footer{
  background:var(--surface);border-top:1px solid var(--border);
  padding:20px var(--px);font-family:Arial,sans-serif;
  font-size:10px;color:var(--muted);
  text-align:center;line-height:1.8;
}
footer a{color:var(--muted);text-decoration:underline;}
.footer-legal{
  font-size:11px;color:#666;line-height:1.6;
  max-width:760px;margin:12px auto 0;
}

/* ═══════════════════════
   RESPONSIVE
═══════════════════════ */
@media(max-width:767px){
  .sticky-cta{display:none;}
  body{padding-bottom:68px;}
  .article-body p{font-size:17px;line-height:1.8;}
  .article-h1{line-height:1.18;}
  .byline-right{display:none;}
  .symptom-hook{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr;gap:8px;}
  .stat-card{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px;}
  .stat-num{font-size:1.6rem;margin-bottom:0;flex-shrink:0;}
  .testimonials-grid{grid-template-columns:1fr;}
  .binary-choice{grid-template-columns:1fr;}
  .authority-block{flex-direction:column;align-items:center;text-align:center;}
  .authority-cred{text-align:center;}
  .comment-reply{margin-left:0;}
  .table-wrap{margin:16px -20px;}
  .compare-table th,.compare-table td{font-size:14px;padding:8px 10px;}
}
@media(min-width:768px){
  .sticky-cta{display:none!important;}
  body{padding-bottom:0;}
}


/* ── SIGNAL SYSTEM MAP ── */
.signal-map{
  background:var(--surface);border:1px solid var(--border);border-radius:10px;
  padding:18px;margin:26px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;
}
.signal-node{
  background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;
  font-family:Arial,sans-serif;line-height:1.45;
}
.signal-node strong{display:block;color:var(--ink);font-size:15px;margin-bottom:5px;}
.signal-node span{font-size:15px;color:var(--mid);}
.reader-qa{margin:30px 0;border-top:2px solid var(--ink);}
.qa-title{font-family:Georgia,serif;font-size:1.15rem;font-weight:700;color:var(--ink);margin:0 0 14px;padding-top:16px;}
.qa-item{border-bottom:1px solid var(--border);padding:16px 0;}
.qa-q{font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:7px;}
.qa-a{font-family:Arial,sans-serif;font-size:16px;color:var(--mid);line-height:1.65;}
.source-note{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);line-height:1.6;margin:18px 0;}
.soft-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 22px;margin:22px 0;}
.soft-list ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.soft-list li{font-family:Arial,sans-serif;font-size:16px;color:var(--mid);line-height:1.5;display:flex;gap:10px;}
.soft-list li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0;}
@media(max-width:767px){
  .signal-map{grid-template-columns:1fr;gap:9px;padding:14px;}
  .signal-node{padding:12px;}
  .article-header{padding:28px 0 22px;}
  .article-body h2{margin-top:34px;}
}


/* ── PLACEHOLDER VISUALS ── */
.img-placeholder strong{display:block;font-size:13px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;}
.img-placeholder span{display:block;max-width:420px;line-height:1.5;}
.placeholder-hint{font-size:11px;color:var(--muted);font-style:italic;}
.subtle-note{
  background:#fafafa;border:1px dashed #d5d5d5;border-radius:8px;
  padding:14px 16px;margin:22px 0;
  font-family:Arial,sans-serif;font-size:15px;line-height:1.65;color:var(--mid);
}
.subtle-note strong{color:var(--ink);}

/* ── COMPLIANCE (Angle 5) ── */
.top-disclosure{
  background:#fff;color:#555;
  font-family:Arial,sans-serif;
  font-size:10px;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;
  text-align:center;padding:7px 16px;
  border-bottom:1px solid var(--border);
}

/* ── STAGE CARDS (3-stage crisis) ── */
.stage-list{display:flex;flex-direction:column;gap:0;margin:24px 0;}
.stage-card{border:1px solid var(--border);border-radius:0;overflow:hidden;}
.stage-card+.stage-card{border-top:none;}
.stage-card:first-child{border-radius:8px 8px 0 0;}
.stage-card:last-child{border-radius:0 0 8px 8px;}
.stage-header{
  padding:14px 18px;display:flex;align-items:center;gap:14px;
}
.stage-1 .stage-header{background:#8b1a1a;}
.stage-2 .stage-header{background:#a0421a;}
.stage-3 .stage-header{background:#1a3a6b;}
.stage-num{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.45);white-space:nowrap;flex-shrink:0;
}
.stage-title{
  font-family:'Georgia',serif;font-size:15px;font-weight:700;color:#fff;
}
.stage-body{
  background:var(--surface);padding:16px 18px;
  font-family:Arial,sans-serif;font-size:16px;
  color:var(--mid);line-height:1.65;
}
.stage-body strong{color:var(--ink);}
.stage-explains{
  margin-top:12px;padding-top:12px;border-top:1px solid var(--border);
  font-family:Arial,sans-serif;font-size:14px;color:var(--muted);
  font-style:italic;
}

/* ── BIOFILM VISUAL DIAGRAM ── */
.biofilm-diagram{
  border:1px solid var(--border);border-radius:8px;
  overflow:hidden;margin:22px 0;
}
.biofilm-diagram-header{
  background:var(--ink);padding:12px 18px;
  font-family:Arial,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);
}
.biofilm-row{
  display:grid;grid-template-columns:1fr 1fr;
  border-bottom:1px solid var(--border);
}
.biofilm-row:last-child{border-bottom:none;}
.biofilm-col{padding:14px 16px;}
.biofilm-col-bad{background:#fff5f5;border-right:1px solid var(--border);}
.biofilm-col-good{background:#f5fff8;}
.biofilm-col-label{
  font-family:Arial,sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;
}
.biofilm-col-bad .biofilm-col-label{color:#9b2020;}
.biofilm-col-good .biofilm-col-label{color:#1a7a3a;}
.biofilm-col-text{
  font-family:Arial,sans-serif;font-size:15px;color:var(--mid);line-height:1.55;
}

/* ── SCIENTIFIC REFERENCES ── */
.scientific-references{
  background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:22px 24px;margin:32px 0;
}
.scientific-references h2{
  font-family:'Georgia',serif;font-size:1.1rem;font-weight:700;
  color:var(--ink);margin-bottom:8px;
}
.scientific-references>p{
  font-family:Arial,sans-serif;font-size:13px;
  color:var(--muted);line-height:1.6;margin-bottom:16px;
}
.scientific-references ol{
  padding-left:20px;display:flex;flex-direction:column;gap:10px;
}
.scientific-references li{
  font-family:Arial,sans-serif;font-size:14px;
  color:var(--mid);line-height:1.6;
}
.scientific-references li strong{color:var(--ink);}
.scientific-references a{color:var(--accent);}

/* ── FOOTER DISCLAIMERS ── */
.footer-disclaimers{
  max-width:var(--max-w);margin:0 auto;
  font-family:Arial,sans-serif;font-size:11px;
  color:#666;line-height:1.65;text-align:left;
}
.footer-disclaimers p{margin-bottom:10px;}
.footer-disclaimers p strong{color:#444;}
.footer-legal-links{
  display:flex;gap:16px;flex-wrap:wrap;
  margin-top:14px;padding-top:14px;
  border-top:1px solid var(--border);
}
.footer-legal-links a{
  font-family:Arial,sans-serif;font-size:11px;
  color:var(--muted);text-decoration:underline;
}

/* ── MOBILE EXTRAS ── */
@media(max-width:767px){
  .biofilm-row{grid-template-columns:1fr;}
  .biofilm-col-bad{border-right:none;border-bottom:1px solid var(--border);}
  .stage-card:first-child{border-radius:8px 8px 0 0;}
}