/* ═══════════════════════════════════════════════════════════════════
   Nova AI Ops — Blog ARTICLE: white canvas + enterprise-clean (2026-06-14)
   White reading canvas, quiet neutral typography, restrained green accent,
   LIGHT cards (white, hairline border, soft shadow), calm motion.
   Linked per-article for staged rollout; remove the <link> to revert.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Canvas → white ── */
body.blog-dark{background:#ffffff !important;color:#374151 !important;}
body.blog-dark::before,body.blog-dark::after{display:none !important;}

/* ── 2. Typography → quiet neutral slate, green only as a sparing accent ── */
.blog-article h1{color:#0f172a !important;text-shadow:none !important;letter-spacing:-0.035em !important;}
.blog-article h1 em{color:#0f172a !important;font-style:normal !important;background:none !important;-webkit-text-fill-color:#0f172a !important;}
.blog-article h1 em::after{display:none !important;}
.blog-article .subtitle{color:#64748b !important;}
.blog-meta span{color:#64748b !important;}
.blog-article h2{color:#0f172a !important;opacity:1 !important;transform:none !important;}
.blog-article h3{color:#1e293b !important;}
.blog-article p,.blog-article li{color:#374151 !important;}
.blog-article strong{color:#0f172a !important;font-weight:700 !important;}
.blog-article a:not(.btn-primary){color:#1f7a00 !important;border-bottom-color:rgba(31,122,0,0.30) !important;}   /* AA: 5.5:1 on white */
.blog-article a:not(.btn-primary):hover{color:#155c08 !important;border-bottom-color:rgba(31,122,0,0.60) !important;}
.blog-article p a:not(.btn-primary),.blog-article li a:not(.btn-primary){background-image:linear-gradient(90deg,#1f7a00,#1f7a00) !important;}

/* numbered h2 → plain muted number, no green pill */
.blog-article h2::before{background:none !important;border:none !important;padding:0 !important;color:#94a3b8 !important;font-size:0.6em !important;letter-spacing:0.10em !important;opacity:1 !important;transform:none !important;}
.blog-article h2 + p::before{display:none !important;}

/* drop the magazine dropcap */
.blog-article .toc + p:first-letter,
.blog-article .blog-sim + p:first-letter,
.blog-article .blog-sim + h2 + p:first-letter{float:none !important;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;padding:0 !important;margin:0 !important;background:none !important;-webkit-text-fill-color:currentColor !important;color:inherit !important;}

/* blockquotes → quiet light callouts */
.blog-article blockquote{background:#f6f8fa !important;border-left-color:#94a3b8 !important;}
.blog-article blockquote p{color:#1e293b !important;}
.blog-article blockquote.blog-closing-quote{background:#f1f5f9 !important;}
.blog-article blockquote.blog-closing-quote p{color:#0f172a !important;}

/* ── 3. Cards → LIGHT (white surface, hairline border, soft shadow) ── */
.blog-article .toc,
.blog-article .subscribe-box,
.blog-article .blog-cta,
.blog-article .stat-card,
.blog-share,
.blog-inline-subscribe,
.blog-author,
.blog-related-frame,
.blog-related-card{
  background:#ffffff !important;
  border:1px solid #e6e9ee !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.04),0 12px 32px -22px rgba(15,23,42,0.22) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
/* subtly tinted "action" cards */
.blog-inline-subscribe,.blog-article .subscribe-box,.blog-article .blog-cta,.blog-article .stat-card{background:#f8fafc !important;}
.blog-article .toc::before,
.blog-article .subscribe-box::before,
.blog-article .blog-cta::before,
.blog-article .stat-card::before,
.blog-inline-subscribe::before{display:none !important;}

/* TOC inner */
.blog-article .toc h4{color:#64748b !important;}
.blog-article .toc a{color:#1f7a00 !important;}
.blog-article .toc a:hover{color:#155c08 !important;}
.blog-article .toc li{color:#64748b !important;}

/* Newsletter box inner */
.blog-inline-subscribe h4{color:#0f172a !important;}
.blog-inline-subscribe p{color:#475569 !important;}
.blog-inline-subscribe .blog-inline-subscribe-msg{color:#64748b !important;}
.blog-inline-subscribe input{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#0f172a !important;}
.blog-inline-subscribe input::placeholder{color:#94a3b8 !important;}

/* subscribe-box / blog-cta / stat-card inner (other posts) */
.blog-article .subscribe-box h4,.blog-article .blog-cta h3{color:#0f172a !important;}
.blog-article .subscribe-box p,.blog-article .blog-cta p{color:#475569 !important;}
.blog-article .subscribe-box input,.blog-article .blog-cta input{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#0f172a !important;}
.blog-article .stat-card .num{color:#1f7a00 !important;text-shadow:none !important;}
.blog-article .stat-card .label{color:#64748b !important;}

/* Author bio (other posts) */
.blog-author-name{color:#0f172a !important;}
.blog-author-title{color:#1f7a00 !important;}
.blog-author-bio{color:#475569 !important;}
.blog-author-avatar{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;}
.blog-author-links a{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;}

/* ── 4. Share row → light + CENTERED ── */
.blog-share{justify-content:center !important;}
.blog-share-label{color:#64748b !important;}
.blog-share-btn{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;box-shadow:none !important;}
.blog-share-btn:hover{background:#f1f5f9 !important;border-color:#94a3b8 !important;color:#0f172a !important;}
.blog-share-btn-label,.blog-share-btn svg{color:inherit !important;}

/* ── 5. "Keep reading" related → light ── */
.blog-related-frame::before{display:none !important;}
.blog-related-orb{display:none !important;}
.blog-related-eyebrow{color:#64748b !important;background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;}
.blog-related-eyebrow svg{animation:none !important;}
.blog-article .blog-related-heading,.blog-related-heading{color:#1f7a00 !important;}   /* "More on this topic" → green */
.blog-related-allbtn{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;}
.blog-related-allbtn:hover{background:#f1f5f9 !important;border-color:#94a3b8 !important;color:#0f172a !important;box-shadow:none !important;}
.blog-related-card:hover{border-color:#cbd5e1 !important;background:#ffffff !important;box-shadow:0 14px 32px -18px rgba(15,23,42,0.28) !important;}
.blog-related-num{-webkit-text-stroke-color:rgba(15,23,42,0.14) !important;color:transparent !important;}
.blog-related-card:hover .blog-related-num{-webkit-text-stroke-color:rgba(31,122,0,0.45) !important;color:rgba(31,122,0,0.06) !important;}
.blog-related-tag{color:#1f7a00 !important;background:rgba(31,122,0,0.10) !important;border:1px solid rgba(31,122,0,0.25) !important;}
.blog-related-title{color:#0f172a !important;}
.blog-related-card:hover .blog-related-title{color:#155c08 !important;}
.blog-related-meta{color:#64748b !important;}
.blog-related-cta{color:#1f7a00 !important;}
.blog-related-foot{border-top-color:rgba(15,23,42,0.08) !important;}

/* ── 6. Sim widget fallback (being removed on rollout; keep flat-dark if present) ── */
.blog-sim{background:#0d1623 !important;border:1px solid rgba(148,163,184,0.16) !important;box-shadow:0 1px 3px rgba(2,6,12,0.40) !important;backdrop-filter:none !important;}
.blog-sim::before{display:none !important;}
.blog-sim .bsim-badge .dot,.blog-sim .dot{box-shadow:none !important;animation:none !important;}

/* ── 7. Hero banner (refined; only applies if a post keeps one) ── */
.blog-hero-art,
.blog-hero-art[data-cat]{
  background:
    radial-gradient(130% 130% at 50% -25%, rgba(88,217,0,0.13) 0%, transparent 52%),
    radial-gradient(90% 120% at 88% 115%, rgba(56,189,248,0.06) 0%, transparent 55%),
    linear-gradient(165deg,#0a1120 0%,#0e1828 55%,#0b111c 100%) !important;
  border:1px solid rgba(148,163,184,0.14) !important;border-radius:20px !important;
  box-shadow:0 28px 64px -34px rgba(2,6,12,0.85), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  overflow:hidden !important;
}
.blog-hero-art::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;opacity:1 !important;background-image:linear-gradient(rgba(148,163,184,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,0.07) 1px,transparent 1px) !important;background-size:30px 30px !important;-webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 42%,#000 28%,transparent 82%) !important;mask-image:radial-gradient(ellipse 78% 72% at 50% 42%,#000 28%,transparent 82%) !important;}
.blog-hero-art::after{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:1px !important;z-index:3 !important;display:block !important;width:auto !important;background:linear-gradient(90deg,transparent,rgba(159,232,112,0.55),transparent) !important;}
.blog-hero-art svg{filter:drop-shadow(0 10px 22px rgba(0,0,0,0.45)) !important;}
.blog-hero-art[data-anim],.blog-hero-art[data-anim] svg{animation:none !important;}

/* ── 8. Calm motion + no neon glows ── */
.blog-article h2,.blog-article h3,.blog-article blockquote,
.blog-article .stat-highlight,.blog-article .blog-cta,.blog-article .subscribe-box,
.blog-article .related-posts,.blog-article .toc{opacity:1 !important;transform:none !important;}
.blog-meta .tag::before{animation:none !important;}
.blog-to-top{box-shadow:0 10px 24px -10px rgba(2,6,12,0.50) !important;}
.blog-reading-progress{box-shadow:none !important;background:#2f8f00 !important;}

/* ── 9. Footer chrome (this page) — calm, matches the index ── */
.ftv4-grid{animation:none !important;}
.nova-status-ring::after{animation:none !important;display:none !important;}

/* ── 10. Green container edges — matched to /platform/monitor (2px solid #58d900) ── */
.blog-article .toc,
.blog-article .subscribe-box,
.blog-article .blog-cta,
.blog-article .stat-card,
.blog-share,
.blog-inline-subscribe,
.blog-author,
.blog-related-frame,
.blog-related-card{
  border:2px solid #58d900 !important;
}
/* smaller pills / controls: solid green, 1px for proportion */
.blog-share-btn,
.blog-related-allbtn,
.blog-author-links a,
.blog-inline-subscribe input,
.blog-article .subscribe-box input,
.blog-article .blog-cta input{
  border:1px solid #58d900 !important;
}
.blog-article blockquote{border-left:3px solid #58d900 !important;}
.blog-related-card:hover,
.blog-share-btn:hover,
.blog-related-allbtn:hover{border-color:#3fb800 !important;}

/* ── 11. Page-specific component fixes (tables, static related-posts) ── */
/* table headers are inline-styled light-green in some posts → readable on white */
.blog-article th{color:#1f7a00 !important;}
/* static "Related Articles" section (.related-posts) → light cards, green edge */
.blog-article .related-posts h4{color:#1f7a00 !important;}
.blog-article .related-posts a{background:#ffffff !important;border:2px solid #58d900 !important;color:#1f7a00 !important;}
.blog-article .related-posts a::before{display:none !important;}
.blog-article .related-posts a:hover{border-color:#3fb800 !important;}