@import url('/sites/core/assets/css/insights.css');

:root {
    --country-primary-rgb: 22, 138, 74;
    --country-primary-light-rgb: 184, 223, 85;
    --violet: var(--safety-green);
    --violet-hover: #10733d;
    --violet-glow: rgba(22, 138, 74, 0.18);
    --soft-white: #f7fbf8;
    --gray-tech: rgba(235, 243, 238, 0.74);
    --gray-mid: rgba(210, 225, 217, 0.56);
    --dark-primary: #0d1714;
    --dark-card: #14201b;
    --dark-alt: #101814;
    --radius: 18px;
    --transition: all 0.22s ease;
    --mx-green-light: #d9ef93;
}

body[data-safety-page-type^="insights"] {
    background:
        radial-gradient(circle at 10% 4%, rgba(184, 223, 85, 0.18), transparent 24rem),
        radial-gradient(circle at 92% 8%, rgba(25, 123, 120, 0.11), transparent 26rem),
        linear-gradient(180deg, #fbfdfb 0, #f4f8f5 240px, #f7faf8 100%);
    color: var(--safety-graphite);
    --soft-white: #153a2a;
    --gray-tech: #5c6f67;
    --gray-mid: #7b8e85;
    --dark-primary: #f8fbf9;
    --dark-card: #ffffff;
    --dark-alt: #f2f7f4;
    --violet-glow: rgba(22, 138, 74, 0.1);
}

body[data-safety-page-type^="insights"] main {
    display: block;
    min-height: 0;
}

body[data-safety-page-type^="insights"] .safety-header {
    margin-bottom: 18px;
}

body[data-safety-page-type^="insights"] .safety-footer-wrap {
    margin-top: 0;
    background: transparent;
    border-top-color: rgba(18, 58, 43, 0.08);
}

body[data-safety-page-type^="insights"] .hub-breadcrumbs,
body[data-safety-page-type^="insights"] .hub-hero,
body[data-safety-page-type^="insights"] .hub-filters,
body[data-safety-page-type^="insights"] .hub-grid-section,
body[data-safety-page-type^="insights"] .hub-editorial,
body[data-safety-page-type^="insights"] .hub-explore,
body[data-safety-page-type^="insights"] .hub-cta-final,
body[data-safety-page-type^="insights"] .ins-featured,
body[data-safety-page-type^="insights"] .ins-nav-section,
body[data-safety-page-type^="insights"] .ins-market,
body[data-safety-page-type^="insights"] .ins-explore,
body[data-safety-page-type^="insights"] .ins-speakers {
    width: min(1440px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

body[data-safety-page-type^="insights"] .hub-breadcrumbs-inner,
body[data-safety-page-type^="insights"] .hub-hero-inner,
body[data-safety-page-type^="insights"] .hub-filters-inner,
body[data-safety-page-type^="insights"] .hub-explore-inner {
    max-width: none;
}

body[data-safety-page-type^="insights"] .hub-breadcrumbs {
    padding-left: 0;
    padding-right: 0;
}

body[data-safety-page-type^="insights"] .hub-hero,
body[data-safety-page-type^="insights"] .ins-hero {
    border-radius: 24px;
    overflow: hidden;
}

body[data-safety-page-type^="insights"] .hub-filters,
body[data-safety-page-type^="insights"] .hub-grid-section,
body[data-safety-page-type^="insights"] .hub-editorial,
body[data-safety-page-type^="insights"] .hub-explore,
body[data-safety-page-type^="insights"] .hub-cta-final,
body[data-safety-page-type^="insights"] .ins-featured,
body[data-safety-page-type^="insights"] .ins-nav-section,
body[data-safety-page-type^="insights"] .ins-market,
body[data-safety-page-type^="insights"] .ins-explore,
body[data-safety-page-type^="insights"] .ins-speakers {
    padding-left: 0;
    padding-right: 0;
}

body[data-safety-page-type^="insights"] .hub-filters-inner,
body[data-safety-page-type^="insights"] .hub-editorial-inner,
body[data-safety-page-type^="insights"] .hub-explore-inner,
body[data-safety-page-type^="insights"] .ins-section-intro,
body[data-safety-page-type^="insights"] .ins-market-panel {
    border-radius: 22px;
}

body[data-safety-page-type^="insights"] .hub-page-link,
body[data-safety-page-type^="insights"] .hub-page-current,
body[data-safety-page-type^="insights"] .hub-pill,
body[data-safety-page-type^="insights"] .btn-primary,
body[data-safety-page-type^="insights"] .btn-outline {
    border-radius: 999px;
}

body[data-safety-page-type^="insights"] .ins-hero,
body[data-safety-page-type^="insights"] .hub-hero {
    box-shadow: 0 24px 54px rgba(18, 58, 43, 0.08);
    border: 1px solid rgba(220, 232, 226, 0.82);
    background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(245,249,246,0.92));
}

body[data-safety-page-type^="insights"] .ins-hero-bg-video,
body[data-safety-page-type^="insights"] .hub-hero-bg img {
    opacity: 0.12;
    filter: saturate(0.8) brightness(1.02);
}

body[data-safety-page-type^="insights"] .ins-hero-bg::after {
    background:
        linear-gradient(180deg, rgba(250, 252, 250, 0.88) 0%, rgba(248, 251, 249, 0.92) 20%, rgba(246, 250, 247, 0.96) 48%, rgba(246, 250, 247, 0.98) 100%),
        radial-gradient(circle at 20% 22%, rgba(var(--country-primary-rgb), 0.09) 0%, transparent 28%),
        radial-gradient(circle at 82% 14%, rgba(var(--country-primary-rgb), 0.06) 0%, transparent 24%);
}

body[data-safety-page-type^="insights"] .ins-hero-copy,
body[data-safety-page-type^="insights"] .hub-hero-inner {
    position: relative;
    z-index: 1;
}

body[data-safety-page-type^="insights"] .ins-eyebrow,
body[data-safety-page-type^="insights"] .section-label,
body[data-safety-page-type^="insights"] .ins-featured-label,
body[data-safety-page-type^="insights"] .hub-eyebrow,
body[data-safety-page-type^="insights"] .hub-stat,
body[data-safety-page-type^="insights"] .ins-chip,
body[data-safety-page-type^="insights"] .ins-intent-card__eyebrow,
body[data-safety-page-type^="insights"] .ins-explore-card .etag,
body[data-safety-page-type^="insights"] .hub-card-tag,
body[data-safety-page-type^="insights"] .hub-explore-tag {
    color: var(--safety-green) !important;
}

body[data-safety-page-type^="insights"] .ins-hero-kicker {
    color: var(--safety-muted);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(22, 138, 74, 0.12);
    box-shadow: 0 12px 26px rgba(18, 58, 43, 0.06);
}

body[data-safety-page-type^="insights"] .ins-hero h1,
body[data-safety-page-type^="insights"] .hub-hero h1,
body[data-safety-page-type^="insights"] .ins-section-intro h2,
body[data-safety-page-type^="insights"] .ins-intent-card h2,
body[data-safety-page-type^="insights"] .featured-hero__content h3,
body[data-safety-page-type^="insights"] .hub-editorial h2,
body[data-safety-page-type^="insights"] .hub-cta-content h3,
body[data-safety-page-type^="insights"] .ins-cta-content h3,
body[data-safety-page-type^="insights"] .ins-speaker-info h4,
body[data-safety-page-type^="insights"] .hub-card-body h3 {
    color: var(--safety-green-dark);
    text-shadow: none;
}

body[data-safety-page-type^="insights"] .ins-sub,
body[data-safety-page-type^="insights"] .hub-sub,
body[data-safety-page-type^="insights"] .ins-section-intro p,
body[data-safety-page-type^="insights"] .ins-intent-card p,
body[data-safety-page-type^="insights"] .excerpt,
body[data-safety-page-type^="insights"] .hub-card-excerpt,
body[data-safety-page-type^="insights"] .hub-editorial-content p,
body[data-safety-page-type^="insights"] .ins-speaker-specialty,
body[data-safety-page-type^="insights"] .hub-cta-content p,
body[data-safety-page-type^="insights"] .ins-cta-content p {
    color: var(--safety-muted);
}

body[data-safety-page-type^="insights"] .ins-hero-kicker,
body[data-safety-page-type^="insights"] .hub-stat,
body[data-safety-page-type^="insights"] .ins-chip,
body[data-safety-page-type^="insights"] .ins-hero-context__inner,
body[data-safety-page-type^="insights"] .ins-hero-stat,
body[data-safety-page-type^="insights"] .ins-intent-card,
body[data-safety-page-type^="insights"] .featured-hero,
body[data-safety-page-type^="insights"] .ins-market-panel,
body[data-safety-page-type^="insights"] .ins-speaker-card,
body[data-safety-page-type^="insights"] .hub-card,
body[data-safety-page-type^="insights"] .hub-editorial-inner,
body[data-safety-page-type^="insights"] .hub-filters-inner,
body[data-safety-page-type^="insights"] .hub-cta-box,
body[data-safety-page-type^="insights"] .ins-cta-box {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(220, 232, 226, 0.9);
    box-shadow: 0 18px 42px rgba(18, 58, 43, 0.08);
}

body[data-safety-page-type^="insights"] .ins-intent-card h2,
body[data-safety-page-type^="insights"] .ins-nav-card h3,
body[data-safety-page-type^="insights"] .ins-explore-card h4,
body[data-safety-page-type^="insights"] .ins-market-header h2,
body[data-safety-page-type^="insights"] .ins-kpi .kpi-value,
body[data-safety-page-type^="insights"] .ins-kpi .kpi-label,
body[data-safety-page-type^="insights"] .ins-kpi .kpi-hint,
body[data-safety-page-type^="insights"] .ins-nav-card .card-desc,
body[data-safety-page-type^="insights"] .ins-nav-card .card-cta,
body[data-safety-page-type^="insights"] .ins-speakers-sub,
body[data-safety-page-type^="insights"] .ins-market-header .market-note {
    color: var(--safety-graphite) !important;
}

body[data-safety-page-type^="insights"] .ins-nav-card .card-stat {
    color: var(--safety-green) !important;
}

body[data-safety-page-type^="insights"] .ins-intent-card__cta,
body[data-safety-page-type^="insights"] .ins-nav-card:hover .card-cta {
    color: var(--safety-green-dark) !important;
}

body[data-safety-page-type^="insights"] .ins-intent-card--accent,
body[data-safety-page-type^="insights"] .hub-cta-box,
body[data-safety-page-type^="insights"] .ins-cta-box {
    background:
        linear-gradient(135deg, rgba(184, 223, 85, 0.18), rgba(255,255,255,0.98) 38%, rgba(247,251,248,0.96) 100%);
    border-color: rgba(167, 216, 61, 0.28);
}

body[data-safety-page-type^="insights"] .hub-breadcrumbs a,
body[data-safety-page-type^="insights"] .hub-breadcrumbs .bc-current,
body[data-safety-page-type^="insights"] .ins-featured-label,
body[data-safety-page-type^="insights"] .section-label,
body[data-safety-page-type^="insights"] .ins-intent-card__eyebrow,
body[data-safety-page-type^="insights"] .hub-eyebrow {
    color: var(--safety-green);
}

body[data-safety-page-type^="insights"] .hub-breadcrumbs,
body[data-safety-page-type^="insights"] .hub-filters,
body[data-safety-page-type^="insights"] .hub-grid-section,
body[data-safety-page-type^="insights"] .hub-editorial,
body[data-safety-page-type^="insights"] .hub-explore,
body[data-safety-page-type^="insights"] .hub-cta-final,
body[data-safety-page-type^="insights"] .ins-featured,
body[data-safety-page-type^="insights"] .ins-nav-section,
body[data-safety-page-type^="insights"] .ins-market,
body[data-safety-page-type^="insights"] .ins-explore,
body[data-safety-page-type^="insights"] .ins-speakers {
    color: var(--safety-graphite);
}

body[data-safety-page-type^="insights"] .hub-pill,
body[data-safety-page-type^="insights"] .hub-page-link,
body[data-safety-page-type^="insights"] .btn-outline,
body[data-safety-page-type^="insights"] .btn-ghost {
    background: rgba(255,255,255,0.86);
    color: var(--safety-green-dark);
    border: 1px solid rgba(22, 138, 74, 0.16);
}

body[data-safety-page-type^="insights"] .hub-page-current,
body[data-safety-page-type^="insights"] .hub-pill.active,
body[data-safety-page-type^="insights"] .btn-primary {
    background: var(--safety-green);
    color: #fff;
    border-color: transparent;
}

body[data-safety-page-type^="insights"] .btn-outline:hover,
body[data-safety-page-type^="insights"] .btn-ghost:hover,
body[data-safety-page-type^="insights"] .hub-page-link:hover {
    background: rgba(255,255,255,0.98);
    border-color: rgba(22, 138, 74, 0.24);
}

body[data-safety-page-type^="insights"] .ins-speaker-card,
body[data-safety-page-type^="insights"] .hub-card,
body[data-safety-page-type^="insights"] .featured-hero {
    border: 1px solid rgba(220, 232, 226, 0.92);
}

body[data-safety-page-type^="insights"] .ins-speaker-card:hover,
body[data-safety-page-type^="insights"] .hub-card:hover,
body[data-safety-page-type^="insights"] .featured-hero:hover {
    border-color: rgba(22, 138, 74, 0.32);
    box-shadow: 0 22px 46px rgba(18, 58, 43, 0.12);
}

body[data-safety-page-type^="insights"] .ins-featured-img-placeholder {
    background: linear-gradient(135deg, rgba(184, 223, 85, 0.22), rgba(22, 138, 74, 0.06));
}

body[data-safety-page-type^="insights"] .hub-speakers > div > div:last-child > a,
body[data-safety-page-type^="insights"] .hub-speakers a[style*="background:var(--dark-card)"] {
    background: rgba(255,255,255,0.94) !important;
    border-color: rgba(220, 232, 226, 0.92) !important;
    box-shadow: 0 16px 36px rgba(18, 58, 43, 0.08);
}

body[data-safety-page-type^="insights"] .hub-speakers a div,
body[data-safety-page-type^="insights"] .hub-speakers a span,
body[data-safety-page-type^="insights"] .hub-speakers a {
    color: var(--safety-graphite);
}

body[data-safety-page-type^="insights"] .hub-speakers a div[style*="color:var(--gray-tech)"] {
    color: var(--safety-muted) !important;
}

body[data-safety-page-type^="insights"] .hub-speakers span[style*="color:#f59e0b"] {
    color: var(--safety-amber) !important;
}

body[data-safety-page-type^="insights"] .safety-footer {
    background: rgba(255,255,255,0.72);
}

@media (max-width: 900px) {
    body[data-safety-page-type^="insights"] .ins-hero,
    body[data-safety-page-type^="insights"] .hub-hero {
        border-radius: 20px;
    }
}

@media (max-width: 900px) {
    body[data-safety-page-type^="insights"] .hub-breadcrumbs,
    body[data-safety-page-type^="insights"] .hub-hero,
    body[data-safety-page-type^="insights"] .hub-filters,
    body[data-safety-page-type^="insights"] .hub-grid-section,
    body[data-safety-page-type^="insights"] .hub-editorial,
    body[data-safety-page-type^="insights"] .hub-explore,
    body[data-safety-page-type^="insights"] .hub-cta-final,
    body[data-safety-page-type^="insights"] .ins-featured,
    body[data-safety-page-type^="insights"] .ins-nav-section,
    body[data-safety-page-type^="insights"] .ins-market,
    body[data-safety-page-type^="insights"] .ins-explore,
    body[data-safety-page-type^="insights"] .ins-speakers {
        width: min(100% - 24px, 1440px);
    }
}
