/* Lower homepage sections: stand-out styling (scoped by section id). 2026-10-10 */
#direct,#more-videos,#letter,#opt-out,#renewal,#explainers,#services,#stop-calls,#why,#who,#trust-urgency,#about{
  position:relative;
}
#direct>.container,#more-videos>.container,#letter>.container,#opt-out>.container,#renewal>.container,#explainers>.container,#services>.container,#stop-calls>.container,#why>.container,#who>.container,#trust-urgency>.container,#about>.container{
  background:linear-gradient(180deg,rgba(21,28,40,.92),rgba(16,22,31,.92));
  border:1px solid var(--border-mid);
  border-radius:16px;
  padding:1.6rem 1.25rem 1.5rem;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#direct,#more-videos,#letter,#opt-out,#renewal,#explainers,#services,#stop-calls,#why,#who,#trust-urgency,#about{
  margin-top:1.75rem;
}
#direct::before,#more-videos::before,#letter::before,#explainers::before,#services::before,#why::before,#who::before,#about::before{
  content:"";display:block;width:min(88%,980px);height:1px;margin:0 auto 1.75rem;
  background:linear-gradient(90deg,transparent,var(--border-strong),transparent);
}
#direct h2,#more-videos h2,#letter h2,#opt-out h2,#renewal h2,#explainers h2,#services h2,#stop-calls h2,#why h2,#who h2,#trust-urgency h2,#about h2{
  font-size:clamp(1.45rem,1.1rem + 1.4vw,2rem);
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--text);
  padding-bottom:.55rem;
  margin-bottom:1rem;
  position:relative;
}
#direct h2::after,#more-videos h2::after,#letter h2::after,#opt-out h2::after,#renewal h2::after,#explainers h2::after,#services h2::after,#stop-calls h2::after,#why h2::after,#who h2::after,#trust-urgency h2::after,#about h2::after{
  content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hot),var(--gold-deep));
}
@media (min-width:900px){
  #direct>.container,#more-videos>.container,#letter>.container,#opt-out>.container,#renewal>.container,#explainers>.container,#services>.container,#stop-calls>.container,#why>.container,#who>.container,#trust-urgency>.container,#about>.container{padding:2.1rem 2.25rem 2rem;}
}

/* Topic tab pills (#explainers): clearer, high contrast, 44px+ tap height. Mobile swipe/peek rules in styles.css are left intact. */
#explainers .explainer-tablist{gap:.55rem}
#explainers .explainer-tab{
  min-height:46px;display:inline-flex;align-items:center;
  padding:.65rem 1.1rem;font-size:1rem;font-weight:650;
  color:#f2f0ea;background:#151c28;
  border:1.5px solid rgba(212,175,95,.55);
}
#explainers .explainer-tab:hover{border-color:var(--gold-hot);color:#fff;background:#1a2332}
#explainers .explainer-tab:focus-visible{outline:3px solid var(--gold-hot);outline-offset:2px}
#explainers .explainer-tab.is-active{
  color:#0c0a04;background:linear-gradient(165deg,var(--gold-hot),var(--gold-deep));
  border-color:var(--gold-hot);box-shadow:0 0 0 2px rgba(232,200,120,.25)
}
@media (min-width:700px){#explainers .explainer-tablist{flex-wrap:wrap;overflow:visible}}

/* Inline player for lower Watch buttons */
.iw-player{margin:.75rem 0 0;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--border-mid);aspect-ratio:16/9;width:100%;max-width:820px}
.iw-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}

/* Site-wide: every video prompt is red (#FF0000, white text and triangle) */
.problem-watch,.about-watch,.every-page-watch,.watch-red,a.watch-red,button.watch-red,.why-jump.watch-red{
  background:#CC0000 !important;color:#fff !important;border:1px solid #CC0000 !important;
  border-radius:999px;font-weight:700;text-decoration:none !important;
  display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;min-height:44px;line-height:1.1;
}
.problem-watch:hover,.watch-red:hover{background:#e00000 !important;border-color:#e00000 !important;color:#fff !important}
.problem-watch svg circle{display:none}
.problem-watch svg,.watch-red svg{width:1.05em;height:1.05em;fill:#fff;color:#fff}
.cap-label{color:#FF0000 !important;font-weight:800}
.step-gen-btn .problem-watch{margin-top:.5rem}

/* Step 4 card in "Sending your bill takes four steps" */
.step4-card{display:flex;gap:1rem;align-items:flex-start;margin:.4rem 0 1rem;padding:1.1rem 1.1rem 1.2rem;border:2px solid var(--gold);border-radius:14px;background:linear-gradient(180deg,rgba(212,175,95,.10),rgba(16,22,31,.9))}
.step4-badge{flex:0 0 auto;width:3.1rem;height:3.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 1.6rem/1 Inter,system-ui,sans-serif;color:#0c0a04;background:linear-gradient(165deg,var(--gold-hot),var(--gold-deep));box-shadow:0 4px 14px rgba(212,175,95,.3)}
.step4-body h4{margin:0 0 .7rem;font-size:1.12rem;line-height:1.35;color:var(--text);font-weight:750}
.step4-body .btn{min-height:46px}

/* Budget-video link under "What makes us different": ~1.2x text, still under the main buttons' 50px height */
a.watch-red[href="#power-budget-2027"]{font-size:1.15em !important;padding:.4rem .95rem !important;line-height:1.15}

/* Budget link: short label on phones (one line, ≤50px tall) */
a.watch-red[href="#power-budget-2027"] .bl-short{display:none}
@media (max-width:600px){
  a.watch-red[href="#power-budget-2027"] .bl-full{display:none}
  a.watch-red[href="#power-budget-2027"] .bl-short{display:inline;white-space:nowrap}
}

/* reaudit 2026-10-11: WCAG AA contrast */
.watch-red,.problem-watch{background:#cc0000 !important;border-color:#cc0000 !important}
.watch-red:hover,.problem-watch:hover{background:#b30000 !important;border-color:#b30000 !important}
.sc-consent,.sc-consent *{color:#a39d92 !important}

.privacy-content .meta{color:#a39d92 !important}