/* ============================================================
   BLOG — maison cleanup. The blog is already mostly espresso/gold;
   this kills the leftover blue/teal (card icon dots, protocol
   callout boxes, footer email). Loaded LAST. Visual only.
   ============================================================ */

/* card icon dots — were white + blue */
.card-icon-dot{background:rgba(196,148,58,.10) !important;border:1.5px solid rgba(196,148,58,.36) !important;box-shadow:none !important;color:#E2B76A !important}
.card-icon-dot svg{stroke:#E2B76A !important}

/* protocol / callout boxes inside articles + member modals */
.protocol-box{background:rgba(196,148,58,.06) !important;border:1px solid rgba(196,148,58,.22) !important}
.protocol-box h4{color:#E2B76A !important}
.protocol-box,.protocol-box p,.protocol-box li,.protocol-box span,.protocol-row{color:#C8BFB0 !important}
.protocol-row{border-bottom-color:rgba(196,148,58,.14) !important}

/* footer email was cyan (#2EB6E0) */
.site-footer .footer-email,.footer-email{color:#E2B76A !important}
.site-footer .footer-email:hover,.footer-email:hover{color:#F2D79A !important}

/* remap the blog's own blue/teal vars to gold (kills var-driven accents) */
:root{
  --teal:#C4943A !important;--teal-dim:#E2B76A !important;--teal-bright:#E2B76A !important;
  --neu-cyan:#E2B76A !important;--emerald:#E2B76A !important;
}
/* "Read Article" meta links were cyan */
.card-meta-read{color:#E2B76A !important}
/* sources callout boxes */
.sources-box{background:rgba(196,148,58,.05) !important;border-color:rgba(196,148,58,.2) !important}
.sources-box h4{color:#E2B76A !important}
.sources-box li{color:#A89B89 !important}
.sources-box a{color:#E2B76A !important}
/* sweep remaining hard blue/teal accents */
[style*="#2A3FA8"],[style*="#2EB6E0"]{color:#E2B76A !important}

/* ═══════════ BLOG — espresso/maison hero rebuild (item 4) ═══════════
   Replace the weak dark-banner hero with the espresso, crest-forward hero used
   on Calculator/Forms. Kill the blue card bars. Fix unreadable text on gold. */
.blog-pg-hero{ position:relative !important; overflow:hidden !important;
  background:radial-gradient(120% 150% at 84% 38%, rgba(196,148,58,.20), transparent 58%), linear-gradient(165deg,#13100B,#0A0805 70%) !important;
  border:1px solid rgba(196,148,58,.22) !important; border-radius:18px !important;
  margin:22px clamp(16px,4vw,40px) 18px !important; padding:clamp(42px,5vw,62px) clamp(28px,5vw,56px) !important; min-height:0 !important; }
.pg-hero-img,.pg-hero-overlay,.pg-hero-tint,.mbr-banner-scrim,.blog-pg-hero .mbr-banner-asset{ display:none !important; }
.pg-hero-content{ position:relative !important; z-index:2 !important; display:block !important; max-width:640px !important; margin:0 !important; padding:0 !important; }
.pg-hero-text{ display:block !important; }
.pg-hero-eyebrow{ font-family:'Sora',sans-serif !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.32em !important; text-transform:uppercase !important; color:#E2B76A !important; margin:0 0 14px !important; }
.pg-hero-title{ font-family:'Playfair Display',Georgia,serif !important; font-weight:400 !important; font-size:clamp(40px,5.5vw,64px) !important; line-height:1.0 !important; color:#EEE9DF !important; -webkit-text-fill-color:#EEE9DF !important; margin:0 !important; }
.pg-hero-title strong{ font-weight:500 !important; font-style:italic !important; background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }
.pg-hero-note{ font-family:'Sora',sans-serif !important; color:#C8BFB0 !important; font-size:14.5px !important; line-height:1.6 !important; margin:16px 0 0 !important; max-width:520px !important; }
.pg-hero-crest{ position:absolute !important; right:clamp(16px,6vw,72px) !important; top:50% !important; transform:translateY(-50%) !important; width:clamp(120px,16vw,200px) !important; height:auto !important; z-index:1 !important; pointer-events:none !important; filter:drop-shadow(0 22px 46px rgba(0,0,0,.6)) drop-shadow(0 0 36px rgba(196,148,58,.16)) !important; }
@media(max-width:760px){ .pg-hero-crest{ right:50% !important; transform:translate(50%,-50%) !important; opacity:.1 !important; width:240px !important; } .pg-hero-content{ max-width:100% !important; } }
/* kill blue — card top bars to gold */
.card-icon-bar{ background:linear-gradient(90deg,#C4943A,#F2D79A) !important; }
/* readability: dark espresso text on any gold button/banner */
.btn-amber,.btn-read.btn-amber,a.btn-amber{ color:#2A1808 !important; -webkit-text-fill-color:#2A1808 !important; }
/* hero: left-align content (base set align-items:flex-end -> pushed right), keep text above the crest */
.blog-pg-hero .pg-hero-text{ align-items:flex-start !important; text-align:left !important; position:relative !important; z-index:2 !important; }
.pg-hero-content{ text-align:left !important; }
.blog-pg-hero .pg-hero-eyebrow{ justify-content:flex-start !important; }
.pg-hero-eyebrow,.pg-hero-note{ text-align:left !important; margin-left:0 !important; }
.pg-hero-crest{ z-index:1 !important; }
@media(max-width:1024px){ .pg-hero-crest{ opacity:.13 !important; right:0 !important; } }
/* toolbar top-right; crest is the right anchor sitting BEHIND content + toolbar */
.blog-hero-toolbar{ position:absolute !important; top:22px !important; right:24px !important; left:auto !important; bottom:auto !important; display:flex !important; gap:10px !important; z-index:5 !important; }
.pg-hero-content{ position:relative !important; z-index:2 !important; }
.pg-hero-crest{ z-index:0 !important; top:58% !important; }
/* protocol box: was teal/blue (and an override made it light-on-gold = unreadable).
   Readable espresso/gold box on the dark page. */
.protocol-box{ background:rgba(196,148,58,.06) !important; border:1px solid rgba(196,148,58,.24) !important; }
.protocol-box h4{ color:#E2B76A !important; -webkit-text-fill-color:#E2B76A !important; }
.protocol-row{ color:#C8BFB0 !important; border-bottom-color:rgba(196,148,58,.14) !important; }
