/*
 * AI Newsroom — Beaver Builder layout helper.
 * Newsroom is now a real BB layout: an editable header (Heading + Rich-Text modules)
 * + one HTML module holding the dynamic app (filters/carousel/grid) wrapped in
 * <div class="newsroom"> so article-native.css + newsroom-page.js work unchanged.
 * This file styles the editable header hero + flattens BB wrappers for full-bleed.
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;1,9..144,400&family=Geist:wght@400;500;600;700&display=swap');

/* Astra adds margin-top:60px to .content-area/#primary → white band above the pink hero.
   Zero it so the hero starts right under the header (React has no gap). */
body.aisensum-nr-page .site-content .content-area, body.aisensum-nr-page #primary { margin-top:0 !important; }

/* ===== editable header hero (reproduces .newsroom .insights-head) ===== */
body.aisensum-nr-page .fl-builder-content .nrb-head { position:relative; overflow:hidden; padding:72px 0 40px; background:radial-gradient(circle at 50% -10%, #FFE8EE 0%, transparent 55%), #FBFAF8; }
body.aisensum-nr-page .fl-builder-content .nrb-head::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 1px 1px, rgba(14,10,12,.10) 1px, transparent 0); background-size:32px 32px; -webkit-mask-image:radial-gradient(ellipse at 50% 0%, #000 20%, transparent 70%); mask-image:radial-gradient(ellipse at 50% 0%, #000 20%, transparent 70%); opacity:.5; pointer-events:none; z-index:0; }
body.aisensum-nr-page .fl-builder-content .nrb-head .fl-row-content-wrap { width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; }
/* hero background is now a native BB Row Background (admin-editable) rendered on this wrapper — no transparent override */
body.aisensum-nr-page .fl-builder-content .nrb-head .fl-row-content { max-width:min(1440px, var(--as-fill)); margin:0 auto; padding:0 32px; position:relative; z-index:2; }
body.aisensum-nr-page .fl-builder-content .nrb-head .fl-module { margin:0; }
body.aisensum-nr-page .fl-builder-content .nrb-title.fl-heading-text { font-family:"Geist",sans-serif !important; font-weight:600 !important; font-size:clamp(52px,8vw,108px) !important; line-height:.96 !important; letter-spacing:-0.04em; text-align:center; color:#0E0A0C !important; -webkit-text-fill-color:#0E0A0C !important; margin:0 auto; }
body.aisensum-nr-page .fl-builder-content .nrb-title .it { font-family:"Fraunces",serif !important; font-style:italic; font-weight:400; color:#FF1F5B !important; -webkit-text-fill-color:#FF1F5B !important; letter-spacing:-0.01em; }
body.aisensum-nr-page .fl-builder-content .nrb-tagline.fl-rich-text { margin:22px auto 0; font-family:"Fraunces",serif; font-style:italic; font-weight:400; font-size:clamp(22px,3vw,30px); color:#0E0A0C; letter-spacing:-0.01em; text-align:center; }
body.aisensum-nr-page .fl-builder-content .nrb-lede.fl-rich-text { margin:18px auto 0; max-width:1200px; font-size:18px; line-height:1.6; color:#4a3f42; text-align:center; }
body.aisensum-nr-page .fl-builder-content .nrb-lede.fl-rich-text p { margin:0 0 4px; }

/* ===== app row — flatten BB wrappers so .newsroom controls layout (full-bleed) ===== */
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-row-content-wrap,
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-row-content,
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-col-group,
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-col,
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-col-content,
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-module,
body.aisensum-nr-page .fl-builder-content .nrb-app .fl-module-content { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; float:none !important; }
body.aisensum-nr-page .fl-builder-content .nrb-app { padding:0 !important; }
body.aisensum-nr-page .fl-builder-content .nrb-app .newsroom { width:100% !important; }
/* the header lives in its own row now, so hide any stray insights-head inside the app module */
body.aisensum-nr-page .fl-builder-content .nrb-app .insights-head { display:none; }

/* ── EDITOR-FRIENDLY SECTION BACKGROUNDS: padding on inner wrapper (see daniel-bb.css).
   Higher specificity to beat article-native.css's forced padding-bottom:0. ── */
body.aisensum-nr-page .fl-builder-content .nrb-head { padding-top:0 !important; padding-bottom:0 !important; }
body.aisensum-nr-page .fl-builder-content .nrb-head > .fl-row-content-wrap { padding-top:92px !important; padding-bottom:40px !important; }