/* The brand faces are declared below but were never fetched on this page:
   the Google Fonts import lives only in landing.css and besual-learning-os.css,
   neither of which insights.css pulls in. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
@import url('/assets/css/besual-core.css');
@import url('/assets/css/global-header.css');
*{box-sizing:border-box}body{margin:0;background:#faf9fb;color:#17171c;font-family:Inter,Arial,sans-serif}
.insights-shell{width:min(1180px,calc(100% - 48px));margin:auto}.insights-hero{padding:88px 0 48px}.insights-hero h1{max-width:820px;font-size:clamp(42px,6vw,76px);line-height:.98;margin:12px 0 20px}.insights-hero p{max-width:700px;color:#6f6b73;font-size:18px;line-height:1.65}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8a35e7}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:90px}.insight-card{background:#fff;border:1px solid #e7e3e8;border-radius:20px;overflow:hidden}.insight-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.insight-card-body{padding:22px}.insight-card h2{font-size:25px;line-height:1.08;margin:8px 0 12px}.insight-card p{color:#6f6b73;line-height:1.55}.insight-link{font-weight:800;color:#6744dd}.article{width:min(850px,calc(100% - 48px));margin:auto;padding:72px 0}.article h1{font-size:clamp(40px,6vw,68px);line-height:1;margin:12px 0 22px}.article-lead{font-size:20px;color:#6f6b73;line-height:1.6}.article-body{font-size:18px;line-height:1.8}.article-body h2{margin-top:42px}.article-body img{max-width:100%;border-radius:18px}.course-cta{margin:56px 0 10px;overflow:hidden;border-radius:24px;background:#100b18;color:white;display:grid;grid-template-columns:42% 1fr}.course-cta img{width:100%;height:100%;min-height:300px;object-fit:cover}.course-cta-copy{padding:34px}.course-cta h2{font-size:34px;margin:8px 0 12px}.course-cta p{color:#c8c1d0;line-height:1.55}.cta-btn{display:inline-block;margin-top:12px;padding:13px 18px;border-radius:999px;background:linear-gradient(90deg,#ed0a5a,#5b43e8);color:#fff;font-weight:800}.empty-insights{padding:40px;border:1px dashed #d8d0dd;border-radius:20px;background:#fff}
@media(max-width:800px){.insight-grid{grid-template-columns:1fr}.course-cta{grid-template-columns:1fr}.insights-shell,.article{width:min(100% - 32px,1180px)}}

/* ABC v2.4 production accessibility closure */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(a,button,input,select,textarea,summary,[role="button"]):focus-visible{outline:3px solid #ed0a5a!important;outline-offset:3px!important}
:where(button,.btn,.button,[role="button"],input[type="submit"],input[type="button"],nav a,.public-actions a){min-height:44px}
:where(.muted,.meta,.helper,.note,.progress-note,.course-meta,.card-meta,.insights-note){color:#5c5563}
:where(.eyebrow,.course-meta span,.course-tag,.feature-meta,.insights-note){font-size:12px!important;line-height:1.4}
.section-dark :where(.muted,.meta,.helper,.note,.progress-note,.card-meta){color:#cfc5d6}
.section-dark :where(.eyebrow,.text-link){color:#ff65a5}
section[id],article[id],[id].course-card,[id].catalog-card{scroll-margin-top:96px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ABC v2.5 — public Insights header compatibility */
.public-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #e7e3e8;backdrop-filter:blur(14px)}
.public-header .public-nav{max-width:1180px;margin:0 auto;min-height:72px;padding:0 24px;display:flex;align-items:center;gap:24px}
.public-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.public-logo img{display:block;width:auto!important;height:34px!important;max-width:180px!important}
.public-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.public-links a,.public-actions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.public-actions{display:flex;align-items:center;gap:10px}
@media(max-width:760px){.public-header .public-nav{flex-wrap:wrap;padding:12px 18px}.public-links{order:3;width:100%;overflow-x:auto;margin-left:0}.public-logo img{height:30px!important}}


/* ABC v2.5 final AA tuning */
:where(.page-light,.section-light,.card,.course-card,.catalog-card,.profile-card,.learning-card,.insights-card) a:not(.btn){color:#6d28d9}
:where(.page-light,.section-light,.card,.course-card,.catalog-card,.profile-card,.learning-card,.insights-card) :where(.muted,.meta,.helper,.note,.progress-note){color:#5c5563}
:where(.eyebrow,.meta,.helper,.note,.course-meta,.card-meta,.progress-note,.tag,.badge){font-size:max(12px,0.75rem)}
:where(a,button,input,select,textarea,summary,[role="button"]){touch-action:manipulation}
:where(nav a,.public-links a,.public-actions a,.learning-nav a,.language-switch a,.language-switch button){min-height:44px;display:inline-flex;align-items:center}

/* ABC v2.6 — actual Insights header DOM */
.public-header{display:flex;align-items:center;gap:28px;min-height:72px;padding:0 max(24px,calc((100vw - 1180px)/2))}
.public-header>nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.public-header>nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
.public-header>.public-actions{display:flex;align-items:center;gap:10px;margin-left:4px}
.public-header .public-logo img{width:auto!important;height:34px!important;max-width:180px!important}
@media(max-width:760px){.public-header{padding:12px 18px;flex-wrap:wrap;gap:10px 16px}.public-header>nav{order:3;width:100%;margin-left:0;gap:18px;overflow-x:auto}.public-header>.public-actions{margin-left:auto}}

/* v2.8 brand typography + footer */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,.public-header{font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif}
.public-footer{max-width:1180px;margin:64px auto 0;padding:28px 24px;border-top:1px solid #e7e3e8;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.public-footer nav{display:flex;gap:18px;flex-wrap:wrap}.public-footer a{color:#5b21b6}