/* Inner pages + legacy About — soft medical palette aligned with css/index-redesign.css
   Load after css/css-updatedv1.css. Homepage uses index-redesign.css only. */

body.page-contact,
body.page-free-resources,
body.page-support,
body.page-newsfeeds,
body.page-privacy,
body.page-cookies,
body.page-sitemap,
body.page-about-legacy {
    --wdz-navy: #12324a;
    --wdz-blue: #2563eb;
    --wdz-teal: #0f9f9a;
    --wdz-green: #45b36b;
    --wdz-text: #22313f;
    --wdz-muted: #5f7183;
    --wdz-card: rgba(255, 255, 255, 0.92);
    --wdz-shadow: 0 22px 70px rgba(18, 50, 74, 0.14);
    --wdz-radius: 28px;
}

/* ----- Page canvas (replaces green / rainbow / purple page backgrounds) ----- */
body.page-contact,
body.page-free-resources,
body.page-support,
body.page-newsfeeds {
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    color: var(--wdz-text) !important;
    background: radial-gradient(circle at top left, rgba(15, 159, 154, 0.18), transparent 34rem),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 32rem),
        linear-gradient(180deg, #f7fcff 0%, #eef9f2 44%, #ffffff 100%) !important;
    background-attachment: scroll !important;
}

body.page-privacy,
body.page-cookies,
body.page-sitemap {
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    color: var(--wdz-text) !important;
    background: radial-gradient(circle at top left, rgba(15, 159, 154, 0.18), transparent 34rem),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 32rem),
        linear-gradient(180deg, #f7fcff 0%, #eef9f2 44%, #ffffff 100%) !important;
    background-attachment: scroll !important;
    background-image: none !important;
}

body.page-privacy::before,
body.page-cookies::before {
    content: none !important;
    display: none !important;
}

body.page-about-legacy {
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
    color: var(--wdz-text) !important;
    background: radial-gradient(circle at top left, rgba(15, 159, 154, 0.18), transparent 34rem),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 32rem),
        linear-gradient(180deg, #f7fcff 0%, #eef9f2 44%, #ffffff 100%) !important;
}

/* ----- Sticky header shell ----- */
body.page-contact .contact-header-css,
body.page-free-resources .free-resources-header-css,
body.page-support .support-header-css,
body.page-newsfeeds .newsfeeds-header-css {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: none !important;
}

body.page-privacy .privacy-header-css,
body.page-cookies .cookies-header-css,
body.page-sitemap .sitemap-header-css {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: none !important;
}

/* ----- Desktop nav (text links on light header) ----- */
body.page-contact .contact-nav-links-css,
body.page-free-resources .free-resources-nav-links-css,
body.page-support .support-nav-links-css {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 6px !important;
    color: var(--wdz-muted);
    font-weight: 700;
    font-size: 0.95rem;
}

body.page-contact .contact-nav-links-css a,
body.page-free-resources .free-resources-nav-links-css a,
body.page-support .support-nav-links-css a {
    color: inherit !important;
    text-decoration: none !important;
    display: inline-flex;
    padding: 10px 13px !important;
    border-radius: 999px !important;
    transition: 0.2s ease;
    background: transparent !important;
}

body.page-contact .contact-nav-links-css a:hover,
body.page-free-resources .free-resources-nav-links-css a:hover,
body.page-support .support-nav-links-css a:hover {
    color: var(--wdz-navy) !important;
    background: rgba(18, 50, 74, 0.06) !important;
}

body.page-sitemap .sitemap-nav-links-css {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px !important;
    color: var(--wdz-muted);
    font-weight: 700;
    font-size: 0.95rem;
}

body.page-sitemap .sitemap-nav-links-css a {
    color: inherit !important;
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
    transition: 0.2s ease;
}

body.page-sitemap .sitemap-nav-links-css a:hover {
    color: var(--wdz-navy) !important;
    background: rgba(18, 50, 74, 0.06) !important;
}

body.page-privacy .privacy-nav-links-css,
body.page-cookies .cookies-nav-links-css {
    display: flex;
    list-style: none;
    gap: 6px !important;
    align-items: center;
    color: var(--wdz-muted);
    font-weight: 700;
    font-size: 0.95rem;
}

body.page-privacy .privacy-nav-links-css a,
body.page-cookies .cookies-nav-links-css a {
    color: inherit !important;
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
    transition: 0.2s ease;
}

body.page-privacy .privacy-nav-links-css a:hover,
body.page-cookies .cookies-nav-links-css a:hover {
    color: var(--wdz-navy) !important;
    background: rgba(18, 50, 74, 0.06) !important;
}

/* Newsfeeds: nav sits inside header */
body.page-newsfeeds nav ul {
    gap: 6px !important;
    align-items: center;
}

body.page-newsfeeds nav a {
    color: var(--wdz-muted) !important;
    font-weight: 700 !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
}

body.page-newsfeeds nav a:hover {
    color: var(--wdz-navy) !important;
    background: rgba(18, 50, 74, 0.06) !important;
}

body.page-newsfeeds .newsfeeds-dropdown-menu-css {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(18, 50, 74, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 44px rgba(18, 50, 74, 0.14) !important;
}

body.page-newsfeeds .newsfeeds-dropdown-menu-css li {
    border-bottom-color: rgba(18, 50, 74, 0.08) !important;
}

body.page-newsfeeds .newsfeeds-dropdown-menu-css a {
    color: var(--wdz-text) !important;
}

body.page-newsfeeds .newsfeeds-dropdown-menu-css a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--wdz-blue) !important;
    padding-left: 1.5rem !important;
}

body.page-newsfeeds .newsfeeds-header-content-css .newsfeeds-login-link-css {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22) !important;
}

body.page-newsfeeds .newsfeeds-header-content-css .newsfeeds-login-link-css:hover {
    filter: brightness(1.03);
    transform: translateY(-1px);
}

/* ----- Air Quality nav pill ----- */
body.page-contact .contact-air-quality-link-css,
body.page-free-resources .free-resources-air-quality-link-css,
body.page-support .support-air-quality-link-css,
body.page-newsfeeds .newsfeeds-air-quality-link-css,
body.page-privacy .privacy-air-quality-link-css,
body.page-cookies .cookies-air-quality-link-css {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22) !important;
}

body.page-privacy .privacy-air-quality-link-css:hover,
body.page-cookies .cookies-air-quality-link-css:hover {
    color: #fff !important;
    transform: translateY(-1px);
}

body.page-contact .contact-mobile-nav-css .contact-air-quality-link-css,
body.page-free-resources .free-resources-mobile-nav-css .free-resources-air-quality-link-css,
body.page-support .support-mobile-nav-css .support-air-quality-link-css,
body.page-newsfeeds .newsfeeds-mobile-nav-css .newsfeeds-air-quality-link-css,
body.page-privacy .privacy-mobile-nav-css .privacy-air-quality-link-css,
body.page-cookies .cookies-mobile-nav-css .cookies-air-quality-link-css {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
}

/* ----- Hamburger ----- */
body.page-contact .contact-mobile-menu-toggle-css span,
body.page-free-resources .free-resources-mobile-menu-toggle-css span,
body.page-support .support-mobile-menu-toggle-css span,
body.page-newsfeeds .newsfeeds-mobile-menu-toggle-css span,
body.page-privacy .privacy-mobile-menu-toggle-css span,
body.page-cookies .cookies-mobile-menu-toggle-css span,
body.page-sitemap .sitemap-mobile-menu-toggle-css span {
    background: var(--wdz-navy) !important;
}

/* ----- Mobile slide-out ----- */
body.page-contact .contact-mobile-nav-css,
body.page-free-resources .free-resources-mobile-nav-css,
body.page-support .support-mobile-nav-css {
    background: rgba(255, 255, 255, 0.98) !important;
    border-right: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: 2px 0 24px rgba(18, 50, 74, 0.12) !important;
    padding-top: 1rem !important;
}

body.page-newsfeeds .newsfeeds-mobile-nav-css {
    background: rgba(255, 255, 255, 0.98) !important;
    border-right: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: 2px 0 24px rgba(18, 50, 74, 0.12) !important;
    color: var(--wdz-text);
}

body.page-newsfeeds .newsfeeds-mobile-nav-header-css {
    border-bottom-color: rgba(18, 50, 74, 0.08) !important;
}

body.page-newsfeeds .newsfeeds-mobile-nav-css li {
    border-bottom-color: rgba(18, 50, 74, 0.08) !important;
}

body.page-newsfeeds .newsfeeds-mobile-nav-css a {
    color: var(--wdz-text) !important;
}

body.page-newsfeeds .newsfeeds-mobile-nav-css a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--wdz-blue) !important;
}

body.page-newsfeeds .newsfeeds-mobile-dropdown-menu-css {
    background: rgba(18, 50, 74, 0.04) !important;
    border-left: 3px solid rgba(15, 159, 154, 0.35) !important;
}

body.page-newsfeeds .newsfeeds-mobile-dropdown-menu-css a {
    color: var(--wdz-text) !important;
}

body.page-contact .contact-mobile-nav-css li,
body.page-free-resources .free-resources-mobile-nav-css li,
body.page-support .support-mobile-nav-css li {
    border-bottom-color: rgba(18, 50, 74, 0.08) !important;
}

body.page-contact .contact-mobile-nav-css a,
body.page-free-resources .free-resources-mobile-nav-css a,
body.page-support .support-mobile-nav-css a {
    color: var(--wdz-text) !important;
}

body.page-contact .contact-mobile-nav-css a:hover,
body.page-free-resources .free-resources-mobile-nav-css a:hover,
body.page-support .support-mobile-nav-css a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--wdz-blue) !important;
}

body.page-privacy .privacy-mobile-nav-css a:hover,
body.page-cookies .cookies-mobile-nav-css a:hover,
body.page-sitemap .sitemap-mobile-nav-css a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--wdz-blue) !important;
}

/* ----- Hero bands ----- */
/* Contact & Newsfeeds: centered hero band (aligned with first main section below) */
body.page-contact .contact-hero-css,
body.page-newsfeeds .newsfeeds-hero-css {
    background: transparent !important;
    color: var(--wdz-navy) !important;
    text-align: center !important;
    padding: 3rem 0 0.5rem !important;
}

/* Free Resources hero: centered with Available Resources block; tighter gap to main */
body.page-free-resources .free-resources-hero-css {
    background: transparent !important;
    color: var(--wdz-navy) !important;
    text-align: center !important;
    padding: 3rem 0 0.5rem !important;
}

/* Support hero: centered with Rescue Pack; tighter gap to main */
body.page-support .support-hero-css {
    background: transparent !important;
    color: var(--wdz-navy) !important;
    text-align: center !important;
    padding: 3rem 0 0.5rem !important;
}

body.page-contact .contact-heading1-css,
body.page-free-resources .free-resources-heading1-css,
body.page-support .support-heading1-css,
body.page-newsfeeds .newsfeeds-heading1-css {
    font-size: clamp(2rem, 5vw, 3.25rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.05em !important;
    color: var(--wdz-navy) !important;
    line-height: 1.05 !important;
}

body.page-contact .contact-hero-title-row-css {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem 2.25rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

body.page-contact .contact-hero-logo-css {
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

body.page-contact .contact-hero-title-row-css .contact-heading1-css {
    margin: 0 !important;
    flex: 0 1 auto;
    min-width: 0;
    text-align: center !important;
}

body.page-contact .contact-hero-tagline-css {
    color: var(--wdz-muted) !important;
    font-weight: 500 !important;
    font-size: clamp(1.05rem, 1.9vw, 1.22rem) !important;
    max-width: 42rem !important;
    margin: 0.35rem auto 0 !important;
    text-align: center !important;
}

body.page-free-resources .free-resources-hero-title-row-css {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem 2.25rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

body.page-free-resources .free-resources-hero-logo-css {
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

body.page-free-resources .free-resources-hero-title-row-css .free-resources-heading1-css {
    margin: 0 !important;
    flex: 0 1 auto;
    min-width: 0;
    text-align: center !important;
}

body.page-free-resources .free-resources-hero-tagline-css {
    color: var(--wdz-muted) !important;
    font-weight: 500 !important;
    font-size: clamp(1.05rem, 1.9vw, 1.22rem) !important;
    max-width: 42rem !important;
    margin: 0.35rem auto 0 !important;
    text-align: center !important;
}

body.page-support .support-hero-title-row-css {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem 2.25rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

body.page-support .support-hero-logo-css {
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

body.page-support .support-hero-title-row-css .support-heading1-css {
    margin: 0 !important;
    flex: 0 1 auto;
    min-width: 0;
    text-align: center !important;
}

body.page-support .support-hero-tagline-css {
    color: var(--wdz-muted) !important;
    font-weight: 500 !important;
    font-size: clamp(0.95rem, 1.45vw, 1.12rem) !important;
    max-width: none !important;
    margin: 0.35rem auto 0 !important;
    text-align: center !important;
}

@media (min-width: 900px) {
    body.page-support .support-hero-tagline-css {
        white-space: nowrap;
    }
}

body.page-support .support-rescue-inline-css {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(18, 50, 74, 0.1);
}

body.page-support .support-rescue-inline-css .support-rescue-body-css {
    margin-bottom: 0 !important;
    color: var(--wdz-muted) !important;
}

body.page-newsfeeds .newsfeeds-hero-title-row-css {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem 2.25rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

body.page-newsfeeds .newsfeeds-hero-logo-css {
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

body.page-newsfeeds .newsfeeds-hero-title-row-css .newsfeeds-heading1-css {
    margin: 0 !important;
    flex: 0 1 auto;
    min-width: 0;
    text-align: center !important;
}

body.page-newsfeeds .newsfeeds-hero-tagline-css {
    color: var(--wdz-muted) !important;
    font-weight: 500 !important;
    font-size: clamp(1.05rem, 1.9vw, 1.22rem) !important;
    max-width: 42rem !important;
    margin: 0.35rem auto 0 !important;
    text-align: center !important;
}

body.page-privacy .privacy-hero-css,
body.page-cookies .cookies-hero-css,
body.page-sitemap .sitemap-hero-css {
    background: transparent !important;
    color: var(--wdz-navy) !important;
    text-align: left !important;
    padding: 3rem 0 2rem !important;
}

body.page-privacy .privacy-heading1-css,
body.page-cookies .cookies-heading1-css,
body.page-sitemap .sitemap-heading1-css {
    font-size: clamp(2rem, 5vw, 3rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.05em !important;
    color: var(--wdz-navy) !important;
    text-shadow: none !important;
}

/* ----- Main content typography ----- */
body.page-contact .contact-heading2-css,
body.page-free-resources .free-resources-heading2-css,
body.page-support .support-heading2-css,
body.page-newsfeeds .newsfeeds-heading2-css,
body.page-newsfeeds .newsfeeds-content-section-css h2 {
    color: var(--wdz-navy) !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
}

body.page-contact .contact-content-section-css p,
body.page-free-resources .free-resources-content-section-css p,
body.page-support .support-content-section-css p,
body.page-newsfeeds .newsfeeds-content-section-css p {
    color: var(--wdz-muted) !important;
}

body.page-contact .contact-highlight-text-css,
body.page-free-resources .free-resources-highlight-text-css,
body.page-support .support-highlight-text-css,
body.page-newsfeeds .newsfeeds-highlight-text-css {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.page-contact .contact-main-content-css,
body.page-free-resources .free-resources-main-content-css,
body.page-support .support-main-content-css,
body.page-newsfeeds .newsfeeds-main-content-css {
    background: transparent !important;
}

body.page-free-resources .free-resources-main-content-css {
    padding-top: 1rem !important;
}

body.page-contact .contact-main-content-css {
    padding-top: 1rem !important;
}

body.page-newsfeeds .newsfeeds-article-section-css {
    padding-top: 1rem !important;
}

body.page-support .support-main-content-css {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
}

body.page-support .support-social-links-css {
    margin: 3rem 0 1.5rem !important;
}

body.page-support .support-body2-css {
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
}

body.page-contact .contact-body-css {
    background: var(--wdz-card) !important;
    border: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: 0 16px 36px rgba(18, 50, 74, 0.08) !important;
}

body.page-contact .contact-body-heading-css {
    color: var(--wdz-navy) !important;
    text-shadow: none !important;
}

body.page-contact .contact-body-css p {
    color: var(--wdz-muted) !important;
    opacity: 1 !important;
}

body.page-privacy .privacy-main-content-css,
body.page-cookies .cookies-main-content-css,
body.page-sitemap .sitemap-main-content-css {
    background: transparent !important;
}

body.page-privacy .privacy-body-css h2,
body.page-cookies .cookies-body-css h2,
body.page-sitemap .sitemap-body-css h2 {
    color: var(--wdz-navy) !important;
    border-bottom: 2px solid rgba(15, 159, 154, 0.45) !important;
    font-weight: 800 !important;
}

body.page-privacy .privacy-body-css h3,
body.page-cookies .cookies-body-css h3,
body.page-sitemap .sitemap-body-css h3 {
    color: var(--wdz-navy) !important;
}

body.page-privacy .privacy-body-css p,
body.page-cookies .cookies-body-css p,
body.page-sitemap .sitemap-body-css p,
body.page-privacy .privacy-body-css li,
body.page-cookies .cookies-body-css li,
body.page-sitemap .sitemap-body-css li {
    color: var(--wdz-muted) !important;
}

body.page-privacy .privacy-body-css a,
body.page-cookies .cookies-body-css a,
body.page-sitemap .sitemap-body-css a,
body.page-privacy .privacy-breadcrumb-css a,
body.page-sitemap .sitemap-breadcrumb-css a {
    color: var(--wdz-blue) !important;
    font-weight: 600 !important;
}

body.page-privacy .privacy-breadcrumb-css,
body.page-sitemap .sitemap-breadcrumb-css {
    background: rgba(255, 255, 255, 0.65) !important;
    border-bottom: 1px solid rgba(18, 50, 74, 0.06) !important;
}

body.page-privacy .privacy-logo-css,
body.page-cookies .cookies-logo-css,
body.page-sitemap .sitemap-logo-css {
    color: var(--wdz-navy) !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

/* ----- Free resources cards ----- */
body.page-free-resources .free-resources-resource-card-css {
    background: var(--wdz-card) !important;
    border: 1px solid rgba(18, 50, 74, 0.08) !important;
    border-radius: var(--wdz-radius) !important;
    box-shadow: 0 16px 36px rgba(18, 50, 74, 0.08) !important;
}

body.page-free-resources .free-resources-resource-card-css:hover {
    box-shadow: 0 24px 52px rgba(18, 50, 74, 0.12) !important;
}

body.page-free-resources .free-resources-resource-heading-css {
    color: var(--wdz-navy) !important;
    font-weight: 800 !important;
}

body.page-free-resources .free-resources-resource-card-css p {
    color: var(--wdz-muted) !important;
}

body.page-free-resources .free-resources-download-link-css {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

body.page-free-resources .free-resources-contact-section-css {
    background: rgba(255, 255, 255, 0.65) !important;
    border-top: 1px solid rgba(18, 50, 74, 0.06) !important;
}

body.page-free-resources .free-resources-contact-section-css p {
    color: var(--wdz-muted) !important;
}

body.page-free-resources .free-resources-contact-email-css {
    color: var(--wdz-blue) !important;
}

/* ----- Secondary sections ----- */
body.page-contact .contact-body2-css,
body.page-support .support-body2-css,
body.page-newsfeeds .newsfeeds-body2-css,
body.page-newsfeeds .newsfeeds-story-section-css,
body.page-newsfeeds .newsfeeds-updates-section-css,
body.page-newsfeeds .newsfeeds-article-section-css {
    background: rgba(255, 255, 255, 0.5) !important;
}

body.page-newsfeeds .newsfeeds-story-title-css,
body.page-newsfeeds .newsfeeds-updates-header-css h2 {
    color: var(--wdz-navy) !important;
    font-weight: 800 !important;
}

body.page-newsfeeds .newsfeeds-update-date-css {
    color: var(--wdz-teal) !important;
}

body.page-newsfeeds .newsfeeds-update-card-css {
    border-radius: var(--wdz-radius) !important;
    border-color: rgba(18, 50, 74, 0.08) !important;
    box-shadow: 0 16px 36px rgba(18, 50, 74, 0.08) !important;
}

body.page-newsfeeds .newsfeeds-update-content-css h3 {
    color: var(--wdz-navy) !important;
}

body.page-newsfeeds .newsfeeds-article-title-css {
    color: var(--wdz-navy) !important;
}

body.page-newsfeeds .newsfeeds-article-date-css,
body.page-newsfeeds .newsfeeds-article-author-css {
    color: var(--wdz-blue) !important;
    background: rgba(37, 99, 235, 0.1) !important;
}

body.page-newsfeeds .newsfeeds-article-subtitle-css {
    color: var(--wdz-navy) !important;
    border-bottom-color: rgba(15, 159, 154, 0.45) !important;
}

body.page-newsfeeds .newsfeeds-article-lead-css {
    border-left-color: var(--wdz-teal) !important;
    background: linear-gradient(145deg, #fff, #f0fbff) !important;
}

body.page-newsfeeds .newsfeeds-story-content-css,
body.page-newsfeeds .newsfeeds-article-content-css {
    border-radius: var(--wdz-radius) !important;
    border: 1px solid rgba(18, 50, 74, 0.06) !important;
}

/* ----- Email + footer ----- */
body.page-contact .contact-email-link-css,
body.page-support .support-email-link-css,
body.page-newsfeeds .newsfeeds-email-link-css,
body.page-privacy .privacy-email-link-css,
body.page-cookies .cookies-email-link-css,
body.page-sitemap .sitemap-email-link-css {
    color: var(--wdz-blue) !important;
    font-weight: 700 !important;
}

body.page-contact .contact-footer-css,
body.page-free-resources .free-resources-footer-css,
body.page-support .support-footer-css,
body.page-newsfeeds .newsfeeds-footer-css,
body.page-privacy .privacy-footer-css,
body.page-cookies .cookies-footer-css,
body.page-sitemap .sitemap-footer-css {
    background: rgba(255, 255, 255, 0.72) !important;
    color: var(--wdz-muted) !important;
    border-top: 1px solid rgba(18, 50, 74, 0.08) !important;
}

body.page-contact .contact-footer-links-css a,
body.page-free-resources .free-resources-footer-links-css a,
body.page-support .support-footer-links-css a,
body.page-newsfeeds .newsfeeds-footer-links-css a,
body.page-privacy .privacy-footer-link-css,
body.page-cookies .cookies-footer-link-css,
body.page-sitemap .sitemap-footer-link-css {
    color: var(--wdz-blue) !important;
}

/* ----- Social strips / pills ----- */
body.page-contact .contact-social-link-css,
body.page-free-resources .free-resources-social-link-css,
body.page-support .support-social-link-css,
body.page-newsfeeds .newsfeeds-social-link-css {
    border-radius: 24px !important;
    border: 1px solid rgba(18, 50, 74, 0.08) !important;
    color: var(--wdz-navy) !important;
    font-weight: 800 !important;
    background: #fff !important;
    box-shadow: 0 16px 36px rgba(18, 50, 74, 0.08) !important;
}

body.page-contact .contact-social-link-css:hover,
body.page-free-resources .free-resources-social-link-css:hover,
body.page-support .support-social-link-css:hover,
body.page-newsfeeds .newsfeeds-social-link-css:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px rgba(18, 50, 74, 0.12) !important;
}

/* ----- Legacy About (generic class names; load this file after inline <style>) ----- */
body.page-about-legacy header {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(18, 50, 74, 0.08) !important;
}

body.page-about-legacy .nav-links {
    gap: 6px !important;
    color: var(--wdz-muted);
    font-weight: 700;
}

body.page-about-legacy .nav-links > li > a {
    color: inherit !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
}

body.page-about-legacy .nav-links > li > a:hover {
    color: var(--wdz-navy) !important;
    background: rgba(18, 50, 74, 0.06) !important;
}

body.page-about-legacy .air-quality-link {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

body.page-about-legacy .login-link {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.page-about-legacy .mobile-menu-toggle span {
    background: var(--wdz-navy) !important;
}

body.page-about-legacy .mobile-nav {
    background: rgba(255, 255, 255, 0.98) !important;
    border-right: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: 2px 0 24px rgba(18, 50, 74, 0.12) !important;
}

body.page-about-legacy .mobile-nav a {
    color: var(--wdz-text) !important;
}

body.page-about-legacy .mobile-nav a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--wdz-blue) !important;
}

body.page-about-legacy .mobile-nav .air-quality-link {
    color: #fff !important;
}

body.page-about-legacy .hero {
    background: transparent !important;
    color: var(--wdz-navy) !important;
    text-align: center !important;
    padding: 3rem 0 0.5rem !important;
}

body.page-about-legacy .hero-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem 2.25rem !important;
    flex-wrap: wrap !important;
    margin-bottom: 1.25rem !important;
}

body.page-about-legacy .hero-title-row h1 {
    color: var(--wdz-navy) !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    letter-spacing: -0.05em !important;
    font-size: clamp(2rem, 5vw, 3.25rem) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    text-align: center !important;
}

body.page-about-legacy .hero p {
    color: var(--wdz-muted) !important;
    font-weight: 500 !important;
    font-size: clamp(1.05rem, 1.9vw, 1.22rem) !important;
    max-width: 42rem !important;
    margin: 0.35rem auto 0 !important;
    text-align: center !important;
}

body.page-about-legacy .main-content {
    background: transparent !important;
    padding-top: 1rem !important;
}

body.page-about-legacy .content-section h2,
body.page-about-legacy .story-title,
body.page-about-legacy .updates-header h2,
body.page-about-legacy .article-title {
    color: var(--wdz-navy) !important;
}

body.page-about-legacy .content-section p,
body.page-about-legacy .story-paragraph,
body.page-about-legacy .updates-header p {
    color: var(--wdz-muted) !important;
}

body.page-about-legacy .highlight-text {
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.page-about-legacy .story-section,
body.page-about-legacy .updates-section,
body.page-about-legacy .article-section {
    background: rgba(255, 255, 255, 0.45) !important;
}

body.page-about-legacy .story-content,
body.page-about-legacy .update-card {
    border-radius: var(--wdz-radius) !important;
    border: 1px solid rgba(18, 50, 74, 0.08) !important;
    box-shadow: 0 16px 36px rgba(18, 50, 74, 0.08) !important;
}

body.page-about-legacy .update-date {
    color: var(--wdz-teal) !important;
    font-weight: 800 !important;
}

body.page-about-legacy .social-link {
    border-radius: 24px !important;
    background: linear-gradient(135deg, var(--wdz-blue), var(--wdz-teal)) !important;
    color: #fff !important;
    font-weight: 800 !important;
    border: none !important;
}

body.page-about-legacy footer {
    background: rgba(255, 255, 255, 0.72) !important;
    color: var(--wdz-muted) !important;
    border-top: 1px solid rgba(18, 50, 74, 0.08) !important;
}

body.page-about-legacy .footer-links a {
    color: var(--wdz-blue) !important;
}

body.page-about-legacy nav a {
    color: var(--wdz-muted) !important;
    font-weight: 700 !important;
}

body.page-about-legacy nav a:hover {
    color: var(--wdz-navy) !important;
    background: rgba(18, 50, 74, 0.06) !important;
}

body.page-about-legacy .dropdown-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(18, 50, 74, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 44px rgba(18, 50, 74, 0.14) !important;
}

body.page-about-legacy .dropdown-menu li {
    border-bottom-color: rgba(18, 50, 74, 0.08) !important;
}

body.page-about-legacy .dropdown-menu a {
    color: var(--wdz-text) !important;
}

body.page-about-legacy .dropdown-menu a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--wdz-blue) !important;
}

body.page-about-legacy .mobile-dropdown-menu {
    background: rgba(18, 50, 74, 0.04) !important;
    border-left: 3px solid rgba(15, 159, 154, 0.35) !important;
}

body.page-about-legacy .mobile-dropdown-menu a {
    color: var(--wdz-text) !important;
}

body.page-about-legacy .mobile-dropdown-menu a:hover {
    background: rgba(37, 99, 235, 0.08) !important;
}

@media (max-width: 768px) {
    body.page-contact .contact-hero-title-row-css,
    body.page-free-resources .free-resources-hero-title-row-css,
    body.page-support .support-hero-title-row-css,
    body.page-newsfeeds .newsfeeds-hero-title-row-css,
    body.page-about-legacy .hero-title-row {
        gap: 1rem 1.25rem;
    }

    body.page-contact .contact-hero-title-row-css .contact-heading1-css,
    body.page-free-resources .free-resources-hero-title-row-css .free-resources-heading1-css,
    body.page-support .support-hero-title-row-css .support-heading1-css,
    body.page-newsfeeds .newsfeeds-hero-title-row-css .newsfeeds-heading1-css {
        font-size: clamp(1.65rem, 5vw, 2.5rem) !important;
    }

    body.page-about-legacy .hero-title-row h1 {
        font-size: clamp(1.65rem, 5vw, 2.5rem) !important;
    }
}

@media (max-width: 480px) {
    body.page-contact .contact-hero-title-row-css,
    body.page-free-resources .free-resources-hero-title-row-css,
    body.page-support .support-hero-title-row-css,
    body.page-newsfeeds .newsfeeds-hero-title-row-css,
    body.page-about-legacy .hero-title-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}