/* ═══ ADVICE ARTICLE (mobile-first) ═══ */

.advice-crumb{
  font-size:12.5px;color:var(--text-light);
  margin-bottom:14px;letter-spacing:0.02em;
}
.advice-crumb a{color:var(--gold);font-weight:600;}
.advice-crumb a:hover{text-decoration:underline;}
.advice-crumb span{opacity:.7;}

.advice-article{padding:clamp(40px,5vw,64px) 0 clamp(56px,7vw,96px);}
.advice-body{max-width:760px;margin:0 auto;}

/* ─── Direct answer + freshness ─── */
.direct-answer-block{
  font-size:1.07em;line-height:1.75;color:var(--text);
  background:#fff;border:1px solid var(--border);border-left:3px solid var(--gold);
  border-radius:10px;padding:24px 22px;margin:0 0 12px;
}

.advice-updated{
  font-size:12.5px;color:var(--text-light);margin:0 0 30px;
}

.advice-hook{
  font-size:1.02em;line-height:1.8;color:var(--text);
  margin:0 0 34px;
}

/* ─── Table of contents ─── */
.advice-toc{
  background:var(--linen);border-radius:10px;
  padding:22px 22px;margin:0 0 40px;
}
.advice-toc h2{
  font-size:13px!important;font-weight:600;text-transform:uppercase;
  letter-spacing:0.11em;color:var(--text-light);margin:0 0 14px!important;
}
.advice-toc ul{list-style:none;margin:0;padding:0;}
.advice-toc li{margin-bottom:9px;}
.advice-toc li:last-child{margin-bottom:0;}
.advice-toc a{
  font-size:14.5px;color:var(--green);font-weight:500;
  border-bottom:1px solid transparent;
}
.advice-toc a:hover{border-bottom-color:var(--gold);color:var(--gold);}

/* ─── Body typography ─── */
.advice-body h2{
  font-size:clamp(22px,2.6vw,30px);line-height:1.25;
  color:var(--green);margin:44px 0 18px;scroll-margin-top:100px;
}
.advice-body p{color:var(--text-light);margin-bottom:16px;line-height:1.8;}
.advice-body a{color:var(--gold);font-weight:600;}
.advice-body a:hover{text-decoration:underline;}

/* ─── Lists ─── */
.advice-list{list-style:none;margin:0 0 22px;padding:0;}
.advice-list li{
  position:relative;padding-left:22px;margin-bottom:14px;
  font-size:15px;line-height:1.75;color:var(--text-light);
}
.advice-list li::before{
  content:'';position:absolute;left:0;top:11px;
  width:7px;height:7px;border-radius:50%;background:var(--gold);
}
.advice-list strong{color:var(--green);}

.advice-steps{margin:0 0 22px;padding-left:20px;}
.advice-steps li{
  margin-bottom:14px;font-size:15px;line-height:1.75;
  color:var(--text-light);padding-left:6px;
}
.advice-steps strong{color:var(--green);}
.advice-steps::marker{color:var(--gold);}

/* ─── Tables ─── */
.advice-table-wrap{
  overflow-x:auto;margin:0 0 26px;
  border:1px solid var(--border);border-radius:10px;background:#fff;
}
.advice-table{
  width:100%;border-collapse:collapse;
  font-size:14px;min-width:520px;
}
.advice-table th{
  text-align:left;padding:14px 16px;
  background:var(--linen);color:var(--green);
  font-weight:600;font-size:12.5px;
  text-transform:uppercase;letter-spacing:0.07em;
  border-bottom:1px solid var(--border);
}
.advice-table td{
  padding:14px 16px;border-bottom:1px solid var(--border);
  color:var(--text-light);line-height:1.6;vertical-align:top;
}
.advice-table tr:last-child td{border-bottom:none;}
.advice-table td strong{color:var(--green);}

/* ─── FAQ accordions ─── */
.advice-body details{
  background:#fff;border:1px solid var(--border);
  border-radius:9px;padding:16px 18px;margin-bottom:11px;
}
.advice-body summary{
  cursor:pointer;font-weight:600;color:var(--green);
  font-size:15px;line-height:1.5;list-style:none;
  position:relative;padding-right:26px;
}
.advice-body summary::-webkit-details-marker{display:none;}
.advice-body summary::after{
  content:'+';position:absolute;right:0;top:-2px;
  font-size:20px;color:var(--gold);font-weight:400;
}
.advice-body details[open] summary::after{content:'\2013';}
.advice-body details p{
  margin:13px 0 0;font-size:14.5px;line-height:1.75;
}

/* ─── Conclusion ─── */
.conclusion-block{
  background:var(--linen);border-radius:10px;
  padding:24px 22px;margin:38px 0 0;
  font-size:15.5px;line-height:1.8;color:var(--text)!important;
}

/* ─── CTA ─── */
.advice-cta{
  background:var(--green);border-radius:12px;
  padding:32px 24px;margin:40px 0 0;text-align:center;
}
.advice-cta h2{color:#fff;margin:0 0 12px;font-size:clamp(20px,2.3vw,26px);}
.advice-cta p{color:var(--text-on-dark);margin:0 0 22px;font-size:15px;}
.advice-cta .cta-btns{
  display:flex;flex-direction:column;gap:12px;align-items:stretch;
}

/* ─── Author + disclosure ─── */
.advice-author{
  margin:40px 0 0;padding:24px 22px;
  background:#fff;border:1px solid var(--border);border-radius:10px;
}
.advice-author p{font-size:14.5px;line-height:1.75;margin-bottom:14px;}
.advice-author p:last-child{margin-bottom:0;}
.advice-author strong{color:var(--green);}
.advice-disclosure{
  font-size:12.5px!important;color:var(--text-light);
  padding-top:14px;border-top:1px solid var(--border);
}

/* ─── Sources + next ─── */
.advice-sources,.advice-next{margin:36px 0 0;}
.advice-sources h2,.advice-next h2{
  font-size:15px!important;font-weight:600;text-transform:uppercase;
  letter-spacing:0.1em;color:var(--text-light);margin:0 0 14px!important;
}
.advice-sources ul,.advice-next ul{list-style:none;margin:0;padding:0;}
.advice-sources li,.advice-next li{
  font-size:14px;line-height:1.7;color:var(--text-light);
  margin-bottom:10px;padding-left:16px;position:relative;
}
.advice-sources li::before,.advice-next li::before{
  content:'\203A';position:absolute;left:0;color:var(--gold);font-size:15px;
}

/* ─── Desktop ─── */
@media (min-width:768px){
  .direct-answer-block{padding:30px 30px;}
  .advice-toc{padding:26px 28px;}
  .advice-cta{padding:42px 40px;}
  .advice-cta .cta-btns{flex-direction:row;justify-content:center;}
  .advice-author{padding:30px 30px;}
  .conclusion-block{padding:30px 30px;}
}