/* /Layout/AcmFooter.razor.rz.scp.css */
/* ── FOOTER ──────────────────────────────────────────────────── */
.site-footer[b-gt1k26s6mt] {
    background: var(--acm-dark);
    padding: 64px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.footer-inner[b-gt1k26s6mt] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}

.footer-top[b-gt1k26s6mt] {
    display: grid;
    grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
    gap: 48px;
    margin-bottom: 48px;
}

/* ── Brand column ────────────────────────────────────────────── */
.footer-logo[b-gt1k26s6mt] {
    height: 52px;
    width: auto;
    margin-bottom: 20px;
    display: block;
}

.footer-tagline[b-gt1k26s6mt] {
    font-size: 14px;
    color: var(--acm-white);
    line-height: 1.6;
    margin-bottom: 20px;
    max-width: 280px;
}

.footer-legal[b-gt1k26s6mt] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 1.8;
}

/* ── Shared column styles ────────────────────────────────────── */
.footer-col-title[b-gt1k26s6mt] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 20px;
}

.footer-links[b-gt1k26s6mt] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-links a[b-gt1k26s6mt] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.62);
    transition: color 200ms;
}

.footer-links a:hover[b-gt1k26s6mt] { color: var(--acm-white); }

/* ── Connect column ──────────────────────────────────────────── */
.footer-contact-link[b-gt1k26s6mt] {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.62);
    margin-bottom: 8px;
    transition: color 200ms;
}

.footer-contact-link:hover[b-gt1k26s6mt] { color: var(--acm-white); }

.footer-social[b-gt1k26s6mt] {
    display: flex;
    gap: 12px;
    margin: 20px 0 24px;
}

.footer-social-icon[b-gt1k26s6mt] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--acm-white);
    transition: color 200ms;
}

.footer-social-icon:hover[b-gt1k26s6mt] {
    color: var(--acm-blue-light);
}

.footer-stay-informed[b-gt1k26s6mt] {
    margin-bottom: 12px;
}

.footer-newsletter[b-gt1k26s6mt] {
    display: flex;
}

.footer-newsletter-input[b-gt1k26s6mt] {
    flex: 1;
    min-width: 0;
    padding: 10px 14px;
    background: var(--acm-white);
    border: none;
    border-right: none;
    color: var(--acm-text-dark);
    font-size: 13px;
}

.footer-newsletter-input[b-gt1k26s6mt]::placeholder { color: var(--acm-gray-400); }
.footer-newsletter-input:focus[b-gt1k26s6mt] { outline: 2px solid var(--acm-blue); outline-offset: 0; }

.footer-newsletter-btn[b-gt1k26s6mt] {
    width: 40px;
    height: 40px;
    background: var(--acm-blue);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 200ms;
}

.footer-newsletter-btn:hover[b-gt1k26s6mt] { background: var(--acm-blue-light); }

/* ── Bottom bar ──────────────────────────────────────────────── */
.footer-bottom[b-gt1k26s6mt] {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-legal-links[b-gt1k26s6mt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-legal-links a[b-gt1k26s6mt] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
    transition: color 200ms;
}

.footer-legal-links a:hover[b-gt1k26s6mt] { color: rgba(255, 255, 255, 0.7); }

.footer-bottom-dot[b-gt1k26s6mt] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.2);
}

.footer-copyright[b-gt1k26s6mt] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .footer-top[b-gt1k26s6mt] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
    .footer-top[b-gt1k26s6mt] { grid-template-columns: 1fr; }

    .footer-bottom[b-gt1k26s6mt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

/* Gradient strip at the top */
.gradient-bar[b-gt1k26s6mt] {
    height: 12px;
    background: linear-gradient(to right, var(--acm-lime) 0%, var(--acm-blue-light) 100%);
    flex-shrink: 0;
}
/* /Layout/ExploreMore.razor.rz.scp.css */
.explore-section[b-a9g12v1sto] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.explore-inner[b-a9g12v1sto] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.explore-eyebrow[b-a9g12v1sto] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 32px;
}

.explore-grid[b-a9g12v1sto] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

.explore-card[b-a9g12v1sto] {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background: var(--acm-white);
    border: 1px solid var(--acm-gray-200);
    border-left: none;
    transition: background 0.2s;
    text-decoration: none;
}

.explore-card:first-child[b-a9g12v1sto] { border-left: 1px solid var(--acm-gray-200); }

.explore-card:hover[b-a9g12v1sto] { background: var(--acm-off-white); }

.explore-title[b-a9g12v1sto] {
    font-size: 18px;
    font-weight: 700;
    color: var(--acm-text-dark);
    margin-bottom: 8px;
    font-family: 'Lexend', sans-serif;
}

.explore-desc[b-a9g12v1sto] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    flex: 1;
    margin-bottom: 16px;
}

.explore-arrow[b-a9g12v1sto] { margin-top: auto; }

@media (max-width: 1024px) {
    .explore-grid[b-a9g12v1sto] { grid-template-columns: 1fr 1fr; }
    .explore-card[b-a9g12v1sto] { border-left: 1px solid var(--acm-gray-200); }
    .explore-card:first-child[b-a9g12v1sto] { border-left: 1px solid var(--acm-gray-200); }
}

@media (max-width: 768px) {
    .explore-inner[b-a9g12v1sto] { padding-left: 24px; padding-right: 24px; }
    .explore-grid[b-a9g12v1sto] { grid-template-columns: 1fr; }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ── SKIP LINK ───────────────────────────────────────────────── */
.skip-to-main[b-bnianqjli6] {
    position: absolute;
    top: -100%;
    left: 16px;
    background: var(--acm-blue);
    color: var(--acm-white);
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    z-index: 2000;
    transition: top 0.2s;
}
.skip-to-main:focus[b-bnianqjli6] { top: 8px; }

/* ── NAVBAR ──────────────────────────────────────────────────── */
.acm-navbar[b-bnianqjli6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
 //   background: rgba(15, 30, 61, 0.35);
  //  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
    transition: background 0.3s, box-shadow 0.3s, border-color 0.3s;
}

.acm-navbar.scrolled[b-bnianqjli6] {
    background: rgba(15, 30, 61, 0.65);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: rgba(0, 0, 0, 0.18) 0 4px 24px;
}

.nav-inner[b-bnianqjli6] {
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    padding: 0 32px;
    display: flex;
    align-items: center;
    gap: 32px;
}

/* ── LOGO ────────────────────────────────────────────────────── */
.nav-logo-link[b-bnianqjli6] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    margin-right: 8px;
}

.nav-logo-img[b-bnianqjli6] {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.nav-logo-fallback[b-bnianqjli6] {
    color: var(--acm-white);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
}

/* ── CENTRE NAV ──────────────────────────────────────────────── */
.nav-links[b-bnianqjli6] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
}

.nav-item[b-bnianqjli6] {
    position: relative;
}

.nav-link-btn[b-bnianqjli6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--font-display, Lexend, sans-serif);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: color 0.2s, background 0.2s;
    white-space: nowrap;
}

.nav-link-btn:hover[b-bnianqjli6],
.nav-link-btn.active[b-bnianqjli6] {
    color: var(--acm-white);
    background: rgba(255, 255, 255, 0.1);
}

.nav-chevron[b-bnianqjli6] {
    transition: transform 0.2s ease;
    opacity: 0.75;
}
.nav-chevron.flipped[b-bnianqjli6] { transform: rotate(180deg); }

/* ── DROPDOWN ────────────────────────────────────────────────── */
.dropdown-panel[b-bnianqjli6] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 200px;
    background: var(--acm-white);
    border: 1px solid var(--acm-gray-200, #e5e5e5);
    border-radius: 0;
    padding: 8px 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    z-index: 200;
}

.dropdown-panel.open[b-bnianqjli6] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item[b-bnianqjli6] {
    display: block;
    padding: 11px 24px;
    color: var(--acm-dark, #0f1e3d);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}

.dropdown-item:hover[b-bnianqjli6] {
    background: #f5f5f5;
    color: var(--acm-blue);
}

/* ── RIGHT CTAs ──────────────────────────────────────────────── */
.nav-ctas[b-bnianqjli6] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    flex-shrink: 0;
}

.btn-member-login[b-bnianqjli6] {
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--font-display, Lexend, sans-serif);
    font-size: 14px;
    font-weight: 500;
    padding: 8px 18px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    white-space: nowrap;
}

.btn-member-login:hover[b-bnianqjli6] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--acm-white);
}

.btn-donate-nav[b-bnianqjli6] {
    background: var(--acm-blue);
    color: var(--acm-white);
    font-family: var(--font-display, Lexend, sans-serif);
    font-size: 14px;
    font-weight: 600;
    padding: 9px 22px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}

.btn-donate-nav:hover[b-bnianqjli6] { background: var(--acm-blue-light); }

/* ── HAMBURGER ───────────────────────────────────────────────── */
.nav-toggler[b-bnianqjli6] {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    min-width: 44px;
    min-height: 44px;
    margin-left: auto;
}

.toggler-bar[b-bnianqjli6] {
    width: 22px;
    height: 2px;
    background: var(--acm-white);
    border-radius: 2px;
    transition: all 0.25s ease;
}

.nav-toggler.active .toggler-bar:nth-child(1)[b-bnianqjli6] {
    transform: translateY(7px) rotate(45deg);
}
.nav-toggler.active .toggler-bar:nth-child(2)[b-bnianqjli6] {
    opacity: 0;
}
.nav-toggler.active .toggler-bar:nth-child(3)[b-bnianqjli6] {
    transform: translateY(-7px) rotate(-45deg);
}

/* ── MOBILE ──────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .acm-navbar[b-bnianqjli6] { height: 60px; }

    .nav-toggler[b-bnianqjli6] { display: flex; }
    .nav-ctas[b-bnianqjli6] { display: none; }

    .nav-links[b-bnianqjli6] {
        display: none;
        flex-direction: column;
        align-items: stretch;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background: var(--acm-dark, #0f1e3d);
        padding: 12px 0 24px;
        gap: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nav-links.open[b-bnianqjli6] { display: flex; }

    .nav-item[b-bnianqjli6] { width: 100%; }

    .nav-link-btn[b-bnianqjli6] {
        width: 100%;
        justify-content: space-between;
        padding: 14px 24px;
        border-radius: 0;
        font-size: 16px;
    }

    .dropdown-panel[b-bnianqjli6] {
        position: static;
        border: none;
        box-shadow: none;
        padding: 0;
        background: rgba(255, 255, 255, 0.05);
        transform: none;
        transition: none;
    }

    .dropdown-panel.open[b-bnianqjli6] {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .dropdown-item[b-bnianqjli6] {
        color: rgba(255, 255, 255, 0.75);
        padding: 12px 24px 12px 40px;
        font-size: 15px;
    }

    .dropdown-item:hover[b-bnianqjli6] {
        background: rgba(255, 255, 255, 0.08);
        color: var(--acm-white);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .nav-inner[b-bnianqjli6] { padding: 0 20px; gap: 16px; }
    .nav-link-btn[b-bnianqjli6] { font-size: 14px; padding: 8px 8px; }
    .nav-logo-img[b-bnianqjli6] { height: 34px; }
}
/* /Layout/PageHero.razor.rz.scp.css */
/* ── Page hero entrance keyframes ───────────────────────────── */
@keyframes phFadeIn-b-olu0hn59gk {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes phFadeUp-b-olu0hn59gk {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ─────────────────────────────────────────────────────────── */
.page-hero[b-olu0hn59gk] {
    position: relative;
    background: var(--acm-navy);
    padding: 120px 0 80px;
    overflow: hidden;
}

.page-hero-pattern[b-olu0hn59gk] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

.page-hero-inner[b-olu0hn59gk] {
    position: relative;
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.breadcrumb[b-olu0hn59gk] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    margin-bottom: 24px;
    animation: phFadeIn-b-olu0hn59gk 300ms var(--ease-out) 0ms backwards;
}

.breadcrumb a[b-olu0hn59gk] {
    color: rgba(255, 255, 255, 0.65);
    transition: color 0.2s;
}

.breadcrumb a:hover[b-olu0hn59gk] { color: var(--acm-white); }

.breadcrumb-sep[b-olu0hn59gk] { opacity: 0.4; }

.breadcrumb [aria-current="page"][b-olu0hn59gk] {
    color: var(--acm-white);
    font-weight: 500;
}

.page-hero-title[b-olu0hn59gk] {
    font-size: clamp(48px, 6vw, 80px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.0;
    margin-bottom: 20px;
    animation: phFadeUp-b-olu0hn59gk 500ms var(--ease-out) 150ms backwards;
}

.page-hero-sub[b-olu0hn59gk] {
    font-size: clamp(18px, 1.6vw, 22px);
    color: var(--acm-lime);
    max-width: 700px;
    line-height: 1.4;
    animation: phFadeIn-b-olu0hn59gk 400ms var(--ease-out) 350ms backwards;
}

@media (max-width: 768px) {
    .page-hero-inner[b-olu0hn59gk] { padding-left: 24px; padding-right: 24px; }
    .page-hero[b-olu0hn59gk] { padding: 100px 0 60px; }
}
/* /Pages/About/BoardMembers.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   ABOUT — Board Members
   ───────────────────────────────────────────────────────────── */

.section-eyebrow[b-nzz2iel4j3] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

/* ─── 4.2 GOVERNANCE INTRO ─── */
.governance-section[b-nzz2iel4j3] {
    background: var(--acm-white);
    padding: 80px 0;
}

.governance-inner[b-nzz2iel4j3] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 56px;
    align-items: start;
}

.governance-copy[b-nzz2iel4j3] { max-width: 720px; }

.story-body[b-nzz2iel4j3] {
    font-size: 16px;
    color: var(--acm-text-dark);
    line-height: 1.75;
    margin-bottom: 18px;
}

.story-body:last-child[b-nzz2iel4j3] { margin-bottom: 0; }

.governance-stats[b-nzz2iel4j3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gov-stat[b-nzz2iel4j3] {
    background: var(--acm-navy);
    color: var(--acm-white);
    padding: 24px 28px;
    border-left: 4px solid var(--acm-lime);
}

.gov-stat-num[b-nzz2iel4j3] {
    font-family: 'Lexend', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 6px;
}

.gov-stat-label[b-nzz2iel4j3] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.4;
}

/* ─── 4.3 BOARD GRID ─── */
.board-grid-section[b-nzz2iel4j3] {
    background: var(--acm-off-white);
    padding: 64px 0 96px;
}

.board-grid-inner[b-nzz2iel4j3] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.board-grid[b-nzz2iel4j3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* ─── 4.7 CTA BLOCK ─── */
.board-cta-section[b-nzz2iel4j3] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.board-cta-inner[b-nzz2iel4j3] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}

.board-cta-heading[b-nzz2iel4j3] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 16px;
}

.board-cta-sub[b-nzz2iel4j3] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 32px;
}

.btn-board-cta-primary[b-nzz2iel4j3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--acm-white);
    color: var(--acm-navy);
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    transition: background 200ms var(--ease-out),
                transform 200ms var(--ease-out),
                box-shadow 200ms var(--ease-out);
}

.btn-board-cta-primary:hover[b-nzz2iel4j3] {
    background: var(--acm-off-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-board-cta-primary:active[b-nzz2iel4j3] { transform: scale(0.98); transition-duration: 100ms; }

.btn-board-cta-secondary[b-nzz2iel4j3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--acm-white);
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border: 2px solid var(--acm-white);
    transition: background 200ms var(--ease-out),
                transform 200ms var(--ease-out);
}

.btn-board-cta-secondary:hover[b-nzz2iel4j3] {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.btn-board-cta-secondary:active[b-nzz2iel4j3] { transform: scale(0.98); transition-duration: 100ms; }

.btn-group[b-nzz2iel4j3] { justify-content: center; }

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .governance-inner[b-nzz2iel4j3] { grid-template-columns: 1fr; gap: 32px; }
    .board-grid[b-nzz2iel4j3] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .governance-inner[b-nzz2iel4j3],
    .board-grid-inner[b-nzz2iel4j3] { padding-left: 24px; padding-right: 24px; }

    .board-grid[b-nzz2iel4j3] { grid-template-columns: 1fr; }
}
/* /Pages/About/Components/BoardMemberCard.razor.rz.scp.css */
/* ── Board Member Card ───────────────────────────────────────── */
.bm-card[b-g6cpr5ym5b] {
    background: var(--acm-navy);
    color: var(--acm-white);
    border: 1px solid transparent;
    transition: transform 200ms var(--ease-out),
                border-color 200ms var(--ease-out),
                box-shadow 200ms var(--ease-out);
}

.bm-card:not(.is-open):hover[b-g6cpr5ym5b] {
    transform: translateY(-4px);
    border-color: rgba(203, 245, 0, 0.2);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.bm-card-trigger[b-g6cpr5ym5b] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
}

.bm-photo-wrap[b-g6cpr5ym5b] {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--acm-navy-mid);
}

.bm-photo[b-g6cpr5ym5b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 200ms var(--ease-out), transform 400ms var(--ease-out);
}

.bm-card-trigger:hover .bm-photo[b-g6cpr5ym5b] { transform: scale(1.04); }

.bm-card-trigger:hover .bm-photo[b-g6cpr5ym5b] { filter: brightness(0.7) saturate(1.1); }

.bm-card-trigger:hover .bm-photo-wrap[b-g6cpr5ym5b]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--acm-blue);
    mix-blend-mode: multiply;
    opacity: 0.35;
}

.bm-chair-badge[b-g6cpr5ym5b] {
    position: absolute;
    top: 16px;
    left: 16px;
    background: var(--acm-lime);
    color: var(--acm-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 4px 10px;
}

.bm-meta[b-g6cpr5ym5b] { padding: 24px 24px 28px; }

.bm-name[b-g6cpr5ym5b] {
    font-size: 22px;
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 6px;
}

.bm-role[b-g6cpr5ym5b] {
    font-size: 13px;
    color: var(--acm-lime);
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.bm-org[b-g6cpr5ym5b] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 16px;
}

.bm-toggle[b-g6cpr5ym5b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue-light);
    transition: gap 0.2s;
}

.bm-card-trigger:hover .bm-toggle[b-g6cpr5ym5b] { gap: 10px; }

.bm-panel[b-g6cpr5ym5b] {
    background: var(--acm-white);
    color: var(--acm-text-dark);
    max-height: 0;
    overflow: hidden;
    transition: max-height 400ms var(--ease-in-out);
}

.bm-card.is-open .bm-panel[b-g6cpr5ym5b] { max-height: 1500px; }

.bm-bio[b-g6cpr5ym5b] {
    padding: 28px 28px 32px;
}

.bm-bio-row[b-g6cpr5ym5b] {
    margin-bottom: 18px;
}

.bm-bio-row:last-child[b-g6cpr5ym5b] { margin-bottom: 0; }

.bm-bio dt[b-g6cpr5ym5b] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 4px;
}

.bm-bio dd[b-g6cpr5ym5b] {
    font-size: 14px;
    color: var(--acm-text-dark);
    line-height: 1.65;
}

.bm-bio-quote[b-g6cpr5ym5b] {
    font-style: italic;
    border-left: 3px solid var(--acm-lime);
    padding-left: 14px;
    color: var(--acm-gray-800);
}
/* /Pages/About/Components/WorkStreamCard.razor.rz.scp.css */
.work-stream-card[b-kjx0ateszu] {
    background: var(--acm-navy);
    color: var(--acm-white);
    padding: 32px 28px;
    border-top: 4px solid transparent;
    transition: border-color 200ms var(--ease-out),
                transform 200ms var(--ease-out),
                box-shadow 200ms var(--ease-out);
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    cursor: pointer; 
}

.work-stream-card:hover[b-kjx0ateszu],
.work-stream-card:focus-visible[b-kjx0ateszu] {
    border-top-color: var(--acm-blue);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.ws-icon[b-kjx0ateszu] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ws-title[b-kjx0ateszu] {
    font-size: 20px;
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.25;
    margin: 0;
}

.ws-desc[b-kjx0ateszu] {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.7);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 300ms var(--ease-in-out),
                opacity 250ms var(--ease-out),
                margin-top 250ms var(--ease-out);
    margin: 0;
}

.work-stream-card:hover .ws-desc[b-kjx0ateszu],
.work-stream-card:focus-within .ws-desc[b-kjx0ateszu] {
    max-height: 320px;
    opacity: 1;
}
/* /Pages/About/Constitution.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   ABOUT — Constitution
   ───────────────────────────────────────────────────────────── */

.section-eyebrow[b-otdtetfx2m] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

/* ─── 5.2 INTRO + DOWNLOAD ─── */
.intro-download-section[b-otdtetfx2m] {
    background: var(--acm-white);
    padding: 80px 0;
}

.intro-download-inner[b-otdtetfx2m] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: start;
}

.story-body[b-otdtetfx2m] {
    font-size: 16px;
    color: var(--acm-text-dark);
    line-height: 1.75;
    margin-bottom: 18px;
}

.download-card[b-otdtetfx2m] {
    background: var(--acm-navy);
    color: var(--acm-white);
    padding: 36px 32px;
    border-top: 4px solid var(--acm-lime);
}

.download-label[b-otdtetfx2m] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin-bottom: 16px;
}

.download-title[b-otdtetfx2m] {
    font-size: 24px;
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 12px;
    line-height: 1.25;
}

.download-meta[b-otdtetfx2m] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 28px;
}

/* ─── 5.3 ACCORDION ─── */
.accordion-section[b-otdtetfx2m] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.accordion-inner[b-otdtetfx2m] {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 64px;
}

.accordion-intro[b-otdtetfx2m] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin-bottom: 32px;
}

.accordion-list[b-otdtetfx2m] {
    border-top: 1px solid var(--acm-gray-200);
}

.accordion-item[b-otdtetfx2m] {
    border-bottom: 1px solid var(--acm-gray-200);
    background: var(--acm-white);
}

.accordion-trigger[b-otdtetfx2m] {
    width: 100%;
    background: var(--acm-navy);
    color: var(--acm-white);
    border: none;
    padding: 20px 24px;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    transition: background 200ms var(--ease-out);
}

.accordion-trigger:hover[b-otdtetfx2m] { background: var(--acm-navy-mid); }

.accordion-icon[b-otdtetfx2m] {
    color: var(--acm-lime);
    font-size: 22px;
    font-weight: 400;
    flex-shrink: 0;
    margin-left: 16px;
    line-height: 1;
    transition: transform 300ms var(--ease-in-out);
}

.accordion-item.is-open .accordion-icon[b-otdtetfx2m] { transform: rotate(45deg); }

.accordion-panel[b-otdtetfx2m] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 350ms var(--ease-in-out);
    background: var(--acm-white);
}

.accordion-item.is-open .accordion-panel[b-otdtetfx2m] { max-height: 1500px; }

.accordion-body[b-otdtetfx2m] {
    padding: 24px 28px 28px;
    font-size: 15px;
    color: var(--acm-text-dark);
    line-height: 1.75;
}

.accordion-body p[b-otdtetfx2m] { margin-bottom: 14px; }
.accordion-body p:last-child[b-otdtetfx2m] { margin-bottom: 0; }
.accordion-body ul[b-otdtetfx2m] { padding-left: 20px; margin-bottom: 14px; }
.accordion-body li[b-otdtetfx2m] { margin-bottom: 8px; }

/* ─── 5.4 DOWNLOAD STRIP ─── */
.download-strip-section[b-otdtetfx2m] {
    background: var(--acm-navy);
    padding: 40px 0;
}

.download-strip-inner[b-otdtetfx2m] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.download-strip-copy[b-otdtetfx2m] {
    color: var(--acm-white);
    font-size: 16px;
    line-height: 1.5;
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .intro-download-inner[b-otdtetfx2m] { grid-template-columns: 1fr; gap: 32px; }
}

@media (max-width: 768px) {
    .intro-download-inner[b-otdtetfx2m],
    .accordion-inner[b-otdtetfx2m],
    .download-strip-inner[b-otdtetfx2m] { padding-left: 24px; padding-right: 24px; }
}
/* /Pages/About/OurStory.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   ABOUT — Our Story
   ───────────────────────────────────────────────────────────── */

/* Shared eyebrow */
.section-eyebrow[b-qny0lirong] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

/* Shared body copy */
.story-body[b-qny0lirong] {
    font-size: 16px;
    color: var(--acm-text-dark);
    line-height: 1.8;
    margin-bottom: 18px;
}

/* ─── 3.2 OPENING + PULL QUOTE ─── */
.opening-section[b-qny0lirong] {
    background: var(--acm-white);
    padding: 80px 0;
}

.opening-inner[b-qny0lirong] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 56px;
    align-items: start;
}

.opening-copy[b-qny0lirong] { max-width: 720px; }

.pull-quote[b-qny0lirong] {
    border-left: 4px solid var(--acm-blue);
    padding: 8px 0 8px 24px;
    margin-top: 4px;
}

.pull-quote-text[b-qny0lirong] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: clamp(20px, 1.8vw, 26px);
    color: var(--acm-blue);
    line-height: 1.4;
    margin-bottom: 12px;
}

.pull-quote-attr[b-qny0lirong] {
    font-size: 13px;
    color: var(--acm-lime);
    background: var(--acm-navy);
    display: inline-block;
    padding: 2px 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* ─── 3.3 HOW WE GREW ─── */
.grew-section[b-qny0lirong] {
    background: var(--acm-white);
    padding: 0 0 80px;
}

.grew-inner[b-qny0lirong] {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 64px;
}

/* ─── 3.4 TIMELINE ─── */
.timeline-section[b-qny0lirong] {
    background: var(--acm-navy);
    padding: 80px 0;
    position: relative;
}

.timeline-header[b-qny0lirong] {
    max-width: var(--content-max);
    margin: 0 auto 56px;
    padding: 0 64px;
    text-align: center;
}

.timeline-eyebrow[b-qny0lirong] { color: var(--acm-blue-light); }

.timeline-heading[b-qny0lirong] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-white);
}

.timeline-track[b-qny0lirong] {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 64px;
}

.timeline-track[b-qny0lirong]::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(203, 245, 0, 0.3);
    transform: translateX(-50%);
}

.timeline-item[b-qny0lirong] {
    position: relative;
    width: 50%;
    padding: 24px 40px;
    box-sizing: border-box;
}

.timeline-item--left[b-qny0lirong] { left: 0; }
.timeline-item--right[b-qny0lirong] { left: 50%; }

@keyframes nodePulse-b-qny0lirong {
    0%, 100% { box-shadow: 0 0 0 2px var(--acm-lime), 0 0 0 6px rgba(203, 245, 0, 0); }
    50%       { box-shadow: 0 0 0 2px var(--acm-lime), 0 0 0 10px rgba(203, 245, 0, 0); }
}

.timeline-node[b-qny0lirong] {
    position: absolute;
    top: 36px;
    width: 14px;
    height: 14px;
    background: var(--acm-lime);
    border: 3px solid var(--acm-navy);
    box-shadow: 0 0 0 2px var(--acm-lime);
    z-index: 2;
    animation: nodePulse-b-qny0lirong 3s ease-in-out infinite;
    will-change: box-shadow;
}

.timeline-item--left .timeline-node[b-qny0lirong] { right: -7px; }
.timeline-item--right .timeline-node[b-qny0lirong] { left: -7px; }

.timeline-card[b-qny0lirong] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 28px 28px;
    transition: border-color 200ms var(--ease-out), background 200ms var(--ease-out);
}

.timeline-item:hover .timeline-card[b-qny0lirong] {
    border-color: rgba(203, 245, 0, 0.35);
    background: rgba(255, 255, 255, 0.07);
}

.timeline-year[b-qny0lirong] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 12px;
}

.timeline-title[b-qny0lirong] {
    font-size: 18px;
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 10px;
}

.timeline-body[b-qny0lirong] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
}

/* ─── 3.5 GOING ─── */
.going-section[b-qny0lirong] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.going-inner[b-qny0lirong] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}

.going-eyebrow[b-qny0lirong] { color: var(--acm-lime); }

.going-heading[b-qny0lirong] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 24px;
    line-height: 1.25;
}

.going-body p[b-qny0lirong] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.7;
    margin-bottom: 16px;
}

.btn-going[b-qny0lirong] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--acm-white);
    color: var(--acm-text-dark);
    font-weight: 600;
    font-size: 15px;
    padding: 14px 28px;
    margin-top: 16px;
    transition: transform 200ms var(--ease-out),
                box-shadow 200ms var(--ease-out),
                background 200ms var(--ease-out);
}

.btn-going:hover[b-qny0lirong] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-going:active[b-qny0lirong] {
    transform: scale(0.98);
    transition-duration: 100ms;
}

/* Timeline item stagger via nth-child */
.timeline-item:nth-child(2)[b-qny0lirong] { transition-delay: 100ms; }
.timeline-item:nth-child(3)[b-qny0lirong] { transition-delay: 200ms; }
.timeline-item:nth-child(4)[b-qny0lirong] { transition-delay: 300ms; }
.timeline-item:nth-child(n+5)[b-qny0lirong] { transition-delay: 400ms; }

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .opening-inner[b-qny0lirong] { grid-template-columns: 1fr; gap: 32px; }

    .timeline-track[b-qny0lirong]::before { left: 16px; }
    .timeline-item[b-qny0lirong] { width: 100%; left: 0 !important; padding-left: 48px; padding-right: 0; }
    .timeline-item--left .timeline-node[b-qny0lirong],
    .timeline-item--right .timeline-node[b-qny0lirong] { left: 9px; right: auto; }
}

@media (max-width: 768px) {
    .opening-inner[b-qny0lirong],
    .grew-inner[b-qny0lirong],
    .timeline-header[b-qny0lirong],
    .timeline-track[b-qny0lirong] { padding-left: 24px; padding-right: 24px; }
    .timeline-item[b-qny0lirong] { padding-left: 40px; }
}
/* /Pages/About/WhatWeDo.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   ABOUT — What We Do
   ───────────────────────────────────────────────────────────── */

/* Shared eyebrow label */
.section-eyebrow[b-z6txedaki4] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

/* ─── 2.2 MISSION & VISION ─── */
.mv-section[b-z6txedaki4] {
    background: var(--acm-white);
    padding: 80px 0;
}

.mv-inner[b-z6txedaki4] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.mv-grid[b-z6txedaki4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 24px;
}

.mv-card[b-z6txedaki4] {
    background: var(--acm-white);
    padding: 40px 36px;
    border-left: 4px solid var(--acm-blue);
    box-shadow: 0 2px 12px rgba(15, 30, 61, 0.06);
}

.mv-card-label[b-z6txedaki4] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-lime);
    background: var(--acm-navy);
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 20px;
}

.mv-card-body[b-z6txedaki4] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(20px, 1.8vw, 26px);
    font-weight: 700;
    color: var(--acm-text-dark);
    line-height: 1.35;
}

/* ─── 2.3 INTRO ─── */
.intro-section[b-z6txedaki4] {
    background: var(--acm-white);
    padding: 0 0 80px;
}

.intro-inner[b-z6txedaki4] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 64px;
}

.intro-body[b-z6txedaki4] {
    font-size: 17px;
    color: var(--acm-text-dark);
    line-height: 1.8;
    margin-bottom: 20px;
}

/* ─── 2.4 SIX WORK STREAMS ─── */
.streams-section[b-z6txedaki4] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.streams-header[b-z6txedaki4] {
    max-width: var(--content-max);
    margin: 0 auto 48px;
    padding: 0 64px;
}

.streams-heading[b-z6txedaki4] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-text-dark);
}

.streams-grid[b-z6txedaki4] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

.stream-card[b-z6txedaki4] {
    background: var(--acm-navy);
    padding: 40px 32px;
    border-top: 4px solid transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 200ms var(--ease-out),
                transform 200ms var(--ease-out),
                box-shadow 200ms var(--ease-out);
}

.stream-card:hover[b-z6txedaki4] {
    border-top-color: var(--acm-blue);
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.stream-icon[b-z6txedaki4] { margin-bottom: 24px; }

.stream-title[b-z6txedaki4] {
    font-size: 20px;
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.3;
    margin-bottom: 16px;
}

.stream-desc[b-z6txedaki4] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
}

/* ─── 2.5 CORE VALUES ─── */
.values-section[b-z6txedaki4] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.values-inner[b-z6txedaki4] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}

.values-eyebrow[b-z6txedaki4] { color: var(--acm-lime); }

.values-heading[b-z6txedaki4] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 32px;
}

.values-grid[b-z6txedaki4] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.value-badge[b-z6txedaki4] {
    background: var(--acm-white);
    color: var(--acm-text-dark);
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 14px 28px;
    transition: background 200ms var(--ease-out), color 200ms var(--ease-out), transform 200ms var(--ease-out);
}

.value-badge:hover[b-z6txedaki4] {
    background: var(--acm-lime);
    transform: translateY(-2px);
}

/* ─── 2.6 IMPACT STATS ─── */
.impact-section[b-z6txedaki4] {
    background: var(--acm-navy);
    padding: 64px 0;
}

.impact-inner[b-z6txedaki4] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.impact-value[b-z6txedaki4] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: clamp(36px, 4vw, 56px);
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 8px;
}

.impact-label[b-z6txedaki4] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
}

/* Impact stat stagger (works with fade-in-scroll on parent) */
.impact-stat:nth-child(2)[b-z6txedaki4] { transition-delay: 100ms; }
.impact-stat:nth-child(3)[b-z6txedaki4] { transition-delay: 200ms; }
.impact-stat:nth-child(4)[b-z6txedaki4] { transition-delay: 300ms; }

/* ─── 2.7 CONFERENCE HIGHLIGHT ─── */
.conf-highlight-section[b-z6txedaki4] {
    background: var(--acm-white);
    padding: 80px 0;
}

.conf-highlight-inner[b-z6txedaki4] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 56px;
    align-items: center;
}

.conf-highlight-heading[b-z6txedaki4] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-text-dark);
    margin-bottom: 20px;
    line-height: 1.2;
}

.conf-highlight-body[b-z6txedaki4] {
    font-size: 15px;
    color: var(--acm-gray-600);
    line-height: 1.8;
    margin-bottom: 16px;
}

.conf-card[b-z6txedaki4] {
    background: var(--acm-navy);
    padding: 36px 32px;
    color: var(--acm-white);
}

.conf-card-date[b-z6txedaki4] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 20px;
}

.conf-card-title[b-z6txedaki4] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

.conf-card-details[b-z6txedaki4] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 28px;
}

/* ─── 2.8 CTA BLOCK ─── */
.cta-block-section[b-z6txedaki4] {
    position: relative;
    background: var(--acm-navy);
    padding: 80px 0;
    overflow: hidden;
}

.cta-block-pattern[b-z6txedaki4] {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

.cta-block-inner[b-z6txedaki4] {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}

.cta-block-heading[b-z6txedaki4] {
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 16px;
}

.cta-block-sub[b-z6txedaki4] {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.6;
    margin-bottom: 32px;
}

.btn-group[b-z6txedaki4] { justify-content: center; }

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .mv-grid[b-z6txedaki4],
    .conf-highlight-inner[b-z6txedaki4] { grid-template-columns: 1fr; gap: 32px; }
    .streams-grid[b-z6txedaki4] { grid-template-columns: repeat(2, 1fr); }
    .impact-inner[b-z6txedaki4] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .mv-inner[b-z6txedaki4],
    .intro-inner[b-z6txedaki4],
    .streams-header[b-z6txedaki4],
    .streams-grid[b-z6txedaki4],
    .values-inner[b-z6txedaki4],
    .impact-inner[b-z6txedaki4],
    .conf-highlight-inner[b-z6txedaki4] { padding-left: 24px; padding-right: 24px; }

    .streams-grid[b-z6txedaki4] { grid-template-columns: 1fr; }
    .impact-inner[b-z6txedaki4] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/Blog/BlogLanding.razor.rz.scp.css */
/* ===== CATEGORY FILTER BAR ===== */
.blog-filter-bar[b-95jpt1a5hb] {
    background: #fff;
    position: sticky;
    top: var(--nav-height, 80px);
    border-bottom: 1px solid var(--acm-gray-200);
    z-index: 100;
    padding: 0;
}

.blog-filter-inner[b-95jpt1a5hb] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 8px 64px;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
}

.blog-filter-inner[b-95jpt1a5hb]::-webkit-scrollbar {
    display: none;
}

.blog-filter-pill[b-95jpt1a5hb] {
    padding: 8px 20px;
    border: 1px solid var(--acm-gray-200);
    background: #fff;
    color: var(--acm-text-dark);
    font-size: 13px;
    font-weight: 500;
    font-family: Inter, sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: background 200ms var(--ease-out), border-color 200ms var(--ease-out), color 200ms var(--ease-out);
    flex-shrink: 0;
}

.blog-filter-pill:hover[b-95jpt1a5hb] {
    border-color: var(--acm-blue);
    color: var(--acm-blue);
}

.blog-filter-pill--active[b-95jpt1a5hb] {
    background: var(--acm-blue);
    color: #fff;
    border-color: var(--acm-blue);
}

/* ===== FEATURED POST SECTION ===== */
.featured-post-section[b-95jpt1a5hb] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.featured-post-inner[b-95jpt1a5hb] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
}

.featured-post-image-wrap[b-95jpt1a5hb] {
    position: relative;
}

.featured-post-img[b-95jpt1a5hb] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.featured-post-content[b-95jpt1a5hb] {
    display: flex;
    flex-direction: column;
}

.featured-badge[b-95jpt1a5hb] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    display: inline-block;
    padding: 4px 10px;
    margin: 0 0 12px;
    align-self: flex-start;
}

.featured-category[b-95jpt1a5hb] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 12px;
}

.featured-title[b-95jpt1a5hb] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: var(--acm-text-dark);
    margin: 0 0 16px;
    line-height: 1.25;
}

.featured-excerpt[b-95jpt1a5hb] {
    font-size: 15px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 16px;
}

.featured-meta[b-95jpt1a5hb] {
    font-size: 12px;
    color: var(--acm-gray-400);
    margin: 0 0 20px;
}

.featured-cta[b-95jpt1a5hb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--acm-blue);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    align-self: flex-start;
}

.featured-cta:hover[b-95jpt1a5hb] {
    text-decoration: underline;
}

/* ===== POST GRID SECTION ===== */
.post-grid-section[b-95jpt1a5hb] {
    background: #fff;
    padding: 80px 0;
}

.post-grid-inner[b-95jpt1a5hb] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.post-grid[b-95jpt1a5hb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-bottom: 48px;
}

/* ===== POST CARD ===== */
.post-card[b-95jpt1a5hb] {
    background: #fff;
    border: 1px solid var(--acm-gray-200);
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: border-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out), transform 200ms var(--ease-out);
}

.post-card:hover[b-95jpt1a5hb] {
    border-top: 4px solid var(--acm-blue);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.post-card-img-wrap[b-95jpt1a5hb] {
    position: relative;
    overflow: hidden;
}

.post-card-img[b-95jpt1a5hb] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.post-card-body[b-95jpt1a5hb] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.post-card-category[b-95jpt1a5hb] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 8px;
}

.post-card-title[b-95jpt1a5hb] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--acm-text-dark);
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-card-excerpt[b-95jpt1a5hb] {
    font-size: 13px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 12px;
    flex: 1;
}

.post-card-meta[b-95jpt1a5hb] {
    font-size: 11px;
    color: var(--acm-gray-400);
    margin: 0;
    margin-top: auto;
}

/* ===== PAGINATION ===== */
.pagination[b-95jpt1a5hb] {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pagination-btn[b-95jpt1a5hb] {
    padding: 8px 16px;
    border: 1px solid var(--acm-gray-200);
    background: #fff;
    color: var(--acm-text-dark);
    font-size: 14px;
    font-family: Inter, sans-serif;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.pagination-btn:hover:not(:disabled)[b-95jpt1a5hb] {
    border-color: var(--acm-blue);
    color: var(--acm-blue);
}

.pagination-btn:disabled[b-95jpt1a5hb] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-page--active[b-95jpt1a5hb] {
    background: var(--acm-blue);
    color: #fff;
    border-color: var(--acm-blue);
}

.icon-flip[b-95jpt1a5hb] {
    transform: scaleX(-1);
}

/* ===== NEWSLETTER ARCHIVE SECTION ===== */
.newsletter-archive-section[b-95jpt1a5hb] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.newsletter-archive-inner[b-95jpt1a5hb] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}

.section-eyebrow[b-95jpt1a5hb] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 16px;
    display: block;
}

.newsletter-archive-headline[b-95jpt1a5hb] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 40px);
    color: var(--acm-text-dark);
    margin: 0 0 16px;
}

.newsletter-archive-body[b-95jpt1a5hb] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 32px;
}

/* ===== EMAIL SUBSCRIBE STRIP ===== */
.subscribe-strip[b-95jpt1a5hb] {
    background: var(--acm-blue);
    padding: 64px 0;
}

.subscribe-strip-inner[b-95jpt1a5hb] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.subscribe-strip-copy[b-95jpt1a5hb] {
    flex: 1;
}

.subscribe-strip-headline[b-95jpt1a5hb] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 32px);
    color: #fff;
    margin: 0 0 8px;
}

.subscribe-strip-sub[b-95jpt1a5hb] {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    max-width: 480px;
    margin: 0;
}

.subscribe-form[b-95jpt1a5hb] {
    display: flex;
    gap: 0;
    flex-shrink: 0;
}

.subscribe-email-input[b-95jpt1a5hb] {
    height: 48px;
    padding: 0 20px;
    border: none;
    font-size: 14px;
    font-family: Inter, sans-serif;
    width: 280px;
    outline: none;
}

.subscribe-btn[b-95jpt1a5hb] {
    height: 48px;
    padding: 0 28px;
    background: var(--acm-navy);
    color: #fff;
    border: none;
    font-weight: 600;
    font-family: Inter, sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: background 200ms var(--ease-out), transform 200ms var(--ease-out);
}

.subscribe-btn:hover[b-95jpt1a5hb] {
    background: var(--acm-blue-deep);
    transform: translateY(-2px);
}

.subscribe-btn:active[b-95jpt1a5hb] {
    transform: scale(0.98);
    transition-duration: 100ms;
}

.subscribe-success[b-95jpt1a5hb] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .featured-post-inner[b-95jpt1a5hb] {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .post-grid[b-95jpt1a5hb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .subscribe-strip-inner[b-95jpt1a5hb] {
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
    }

    .subscribe-strip-sub[b-95jpt1a5hb] {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .blog-filter-inner[b-95jpt1a5hb] {
        padding: 8px 24px;
    }

    .featured-post-inner[b-95jpt1a5hb] {
        padding: 0 24px;
    }

    .post-grid-inner[b-95jpt1a5hb] {
        padding: 0 24px;
    }

    .post-grid[b-95jpt1a5hb] {
        grid-template-columns: 1fr;
    }

    .newsletter-archive-inner[b-95jpt1a5hb] {
        padding: 0 24px;
    }

    .subscribe-strip-inner[b-95jpt1a5hb] {
        padding: 0 24px;
    }

    .subscribe-form[b-95jpt1a5hb] {
        flex-direction: column;
        width: 100%;
    }

    .subscribe-email-input[b-95jpt1a5hb] {
        width: 100%;
    }

    .subscribe-btn[b-95jpt1a5hb] {
        width: 100%;
    }
}
/* /Pages/Blog/BlogManagement.razor.rz.scp.css */
/* /Pages/Campaigns/Campaigns.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   CAMPAIGNS — Index Page
   ───────────────────────────────────────────────────────────── */

/* Shared eyebrow */
.section-eyebrow[b-9yonup0wzj] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

/* ─── 6.2 INTRO ─── */
.intro-section[b-9yonup0wzj] {
    background: var(--acm-white);
    padding: 72px 0;
}

.intro-inner[b-9yonup0wzj] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 32px;
}

.intro-body[b-9yonup0wzj] {
    font-size: 17px;
    color: var(--acm-text-dark);
    line-height: 1.8;
    margin-bottom: 20px;
}

/* ─── 6.3 ACTIVE CAMPAIGN FEATURE ─── */
.active-campaign-section[b-9yonup0wzj] {
    position: relative;
    background: var(--acm-navy);
    padding: 80px 0;
    overflow: hidden;
}

.active-campaign-pattern[b-9yonup0wzj] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

.active-campaign-inner[b-9yonup0wzj] {
    position: relative;
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 6fr 6fr;
    align-items: center;
}

.active-campaign-content[b-9yonup0wzj] {
    max-width: 560px;
}

.campaign-tag[b-9yonup0wzj] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 4px 10px;
    margin-bottom: 20px;
}

.campaign-tag--active[b-9yonup0wzj] {
    background: var(--acm-lime);
    color: var(--acm-navy);
}

.active-campaign-headline[b-9yonup0wzj] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.1;
    margin-bottom: 20px;
}

.active-campaign-body[b-9yonup0wzj] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.75;
    margin-bottom: 32px;
}

/* ─── 6.4 CAMPAIGN CARDS ─── */
.campaigns-grid-section[b-9yonup0wzj] {
    background: var(--acm-white);
    padding: 80px 0;
}

.campaigns-grid-inner[b-9yonup0wzj] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.campaigns-grid[b-9yonup0wzj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 32px;
}

.campaign-card[b-9yonup0wzj] {
    background: var(--acm-navy);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    border-top: 4px solid transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-top-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out), transform 200ms var(--ease-out);
    cursor: default;
}

.campaign-card:hover[b-9yonup0wzj] {
    border-top-color: var(--acm-blue);
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.campaign-card--active-border[b-9yonup0wzj] {
    border-top-color: var(--acm-lime);
}

.campaign-card--grey-border[b-9yonup0wzj] {
    border-top-color: var(--acm-gray-400);
}

.campaign-status[b-9yonup0wzj] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 3px 8px;
    margin-bottom: 20px;
    align-self: flex-start;
}

.campaign-status--active[b-9yonup0wzj] {
    background: var(--acm-lime);
    color: var(--acm-navy);
}

.campaign-status--seasonal[b-9yonup0wzj],
.campaign-status--ongoing[b-9yonup0wzj] {
    background: var(--acm-gray-200);
    color: var(--acm-gray-600);
}

.campaign-card-body[b-9yonup0wzj] {
    flex: 1;
}

.campaign-card-sublabel[b-9yonup0wzj] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
}

.campaign-card-title[b-9yonup0wzj] {
    font-family: 'Lexend', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 14px;
    line-height: 1.2;
}

.campaign-card-summary[b-9yonup0wzj] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    margin-bottom: 28px;
}

.campaign-card-link[b-9yonup0wzj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.campaign-card-link:hover[b-9yonup0wzj] {
    color: var(--acm-lime);
}

/* ─── 6.5 HOW CAMPAIGNS WORK ─── */
.how-section[b-9yonup0wzj] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.how-inner[b-9yonup0wzj] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 56px;
    align-items: start;
}

.how-heading[b-9yonup0wzj] {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    color: var(--acm-text-dark);
    margin-bottom: 20px;
    line-height: 1.2;
}

.how-body[b-9yonup0wzj] {
    font-size: 15px;
    color: var(--acm-gray-600);
    line-height: 1.8;
    margin-bottom: 16px;
}

.how-link[b-9yonup0wzj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-top: 8px;
}

.how-process[b-9yonup0wzj] {
    background: var(--acm-navy);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.process-step[b-9yonup0wzj] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.process-step:last-child[b-9yonup0wzj] {
    border-bottom: none;
}

.process-number[b-9yonup0wzj] {
    font-family: 'Lexend', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
    flex-shrink: 0;
    min-width: 40px;
}

.process-text[b-9yonup0wzj] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    padding-top: 4px;
}

/* ─── 6.6 CTA BLOCK ─── */
.cta-section[b-9yonup0wzj] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.cta-inner[b-9yonup0wzj] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}

.cta-heading[b-9yonup0wzj] {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 16px;
    line-height: 1.2;
}

.cta-sub[b-9yonup0wzj] {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    margin-bottom: 36px;
}

.btn-white-navy[b-9yonup0wzj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--acm-white);
    color: var(--acm-navy);
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 28px;
    text-decoration: none;
    transition: background 200ms var(--ease-out), transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.btn-white-navy:hover[b-9yonup0wzj] {
    background: var(--acm-off-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-white-navy:active[b-9yonup0wzj] {
    transform: scale(0.98);
    transition-duration: 100ms;
}

.btn-group[b-9yonup0wzj] {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .active-campaign-inner[b-9yonup0wzj] {
        grid-template-columns: 1fr;
    }

    .campaigns-grid[b-9yonup0wzj] {
        grid-template-columns: 1fr;
    }

    .how-inner[b-9yonup0wzj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .active-campaign-inner[b-9yonup0wzj],
    .campaigns-grid-inner[b-9yonup0wzj],
    .how-inner[b-9yonup0wzj] {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* /Pages/Campaigns/LifeAffirming.razor.rz.scp.css */
/* ===== BADGE ROW (shared with VoteYourValues pattern) ===== */
.hero-badge-row[b-caluusg6in] {
    background: var(--acm-navy);
    padding: 0 64px 32px;
    display: flex;
    max-width: var(--content-max);
    margin: 0 auto;
}

.campaign-badge[b-caluusg6in] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 4px 12px;
}

.campaign-badge--ongoing[b-caluusg6in] {
    background: var(--acm-lime);
    color: var(--acm-navy);
}

/* ===== INTRO ===== */
.la-intro-section[b-caluusg6in] {
    background: #fff;
    padding: 80px 0;
}

.la-intro-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 64px;
    align-items: start;
}

.la-eyebrow[b-caluusg6in] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 16px;
    display: block;
}

.la-eyebrow--dark[b-caluusg6in] {
    color: var(--acm-navy);
}

.la-intro-heading[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 44px);
    color: var(--acm-text-dark);
    margin: 0 0 24px;
    line-height: 1.2;
}

.la-intro-body[b-caluusg6in] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.8;
    margin: 0 0 16px;
}

.la-pull-quote[b-caluusg6in] {
    border-left: 4px solid var(--acm-lime);
    padding: 20px 24px;
    background: var(--acm-off-white);
}

.la-quote-text[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    line-height: 1.5;
    margin: 0 0 12px;
    font-style: italic;
}

.la-quote-cite[b-caluusg6in] {
    font-size: 13px;
    color: var(--acm-gray-600);
    margin: 0;
}

/* ===== SUPPORT CARDS ===== */
.support-section[b-caluusg6in] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.support-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.support-heading[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.support-intro[b-caluusg6in] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 40px;
    max-width: 640px;
}

.support-grid[b-caluusg6in] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.support-card[b-caluusg6in] {
    background: #fff;
    border-top: 4px solid var(--acm-lime);
    padding: 28px 24px;
}

.support-card-title[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.support-card-body[b-caluusg6in] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 20px;
}

.support-card-links[b-caluusg6in] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.support-card-link[b-caluusg6in] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.support-card-link:hover[b-caluusg6in] {
    color: var(--acm-navy);
}

/* ===== ACCORDION ===== */
.accordion-section[b-caluusg6in] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.accordion-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.accordion-list[b-caluusg6in] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 40px;
}

.accordion-panel[b-caluusg6in] {
    background: rgba(255, 255, 255, 0.06);
}

.accordion-panel.open[b-caluusg6in] {
    background: rgba(255, 255, 255, 0.1);
}

.accordion-trigger[b-caluusg6in] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.accordion-trigger:hover[b-caluusg6in] {
    background: rgba(255, 255, 255, 0.08);
}

.accordion-trigger-text[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.accordion-chevron[b-caluusg6in] {
    color: var(--acm-lime);
    flex-shrink: 0;
    transition: transform 0.2s;
}

.accordion-panel.open .accordion-chevron[b-caluusg6in] {
    transform: rotate(180deg);
}

.accordion-body[b-caluusg6in] {
    padding: 0 24px 24px;
}

.accordion-body-text[b-caluusg6in] {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.7;
    margin: 0 0 16px;
}

.accordion-links[b-caluusg6in] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.accordion-link[b-caluusg6in] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.accordion-link:hover[b-caluusg6in] {
    color: var(--acm-lime);
}

/* ===== TESTIMONY / VIDEO ===== */
.testimony-section[b-caluusg6in] {
    background: #fff;
    padding: 80px 0;
}

.testimony-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}

.testimony-eyebrow[b-caluusg6in] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 16px;
    display: block;
}

.testimony-heading[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.testimony-intro[b-caluusg6in] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 40px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.testimony-video-wrap[b-caluusg6in] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
}

.testimony-iframe[b-caluusg6in] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.testimony-caption[b-caluusg6in] {
    font-size: 13px;
    color: var(--acm-gray-400);
    margin: 16px 0 0;
    font-style: italic;
}

/* ===== MARCH EVENT ===== */
.march-section[b-caluusg6in] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.march-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 56px;
    align-items: center;
}

.march-image-col[b-caluusg6in] {
    overflow: hidden;
}

.march-image[b-caluusg6in] {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

.march-grid[b-caluusg6in] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.march-event-card[b-caluusg6in] {
    padding: 0;
}

.march-event-date[b-caluusg6in] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 12px;
}

.march-event-name[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.march-event-location[b-caluusg6in] {
    font-size: 14px;
    color: var(--acm-gray-600);
    margin: 0 0 12px;
}

.march-event-desc[b-caluusg6in] {
    font-size: 15px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 24px;
}

/* ===== NAL BLOCK ===== */
.nal-section[b-caluusg6in] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.nal-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.nal-heading[b-caluusg6in] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: #fff;
    margin: 0 0 40px;
}

.nal-card[b-caluusg6in] {
    background: rgba(255, 255, 255, 0.06);
    padding: 40px 36px;
    max-width: 720px;
}

.nal-card-body[b-caluusg6in] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.8;
    margin: 0 0 24px;
}

.nal-card-link[b-caluusg6in] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ===== RELATED ===== */
.related-section[b-caluusg6in] {
    background: #fff;
    padding: 80px 0;
}

.related-inner[b-caluusg6in] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1023px) {
    .la-intro-inner[b-caluusg6in],
    .march-inner[b-caluusg6in] {
        grid-template-columns: 1fr;
    }

    .support-grid[b-caluusg6in] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hero-badge-row[b-caluusg6in],
    .la-intro-inner[b-caluusg6in],
    .support-inner[b-caluusg6in],
    .accordion-inner[b-caluusg6in],
    .testimony-inner[b-caluusg6in],
    .march-inner[b-caluusg6in],
    .nal-inner[b-caluusg6in],
    .related-inner[b-caluusg6in] {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* /Pages/Campaigns/SetFree.razor.rz.scp.css */
/* ===== BADGE ROW ===== */
.campaign-badge-wrap[b-87sqax2ard] {
    background: var(--acm-navy);
    padding: 0 64px 32px;
}

.campaign-badge-inner[b-87sqax2ard] {
    max-width: var(--content-max);
    margin: 0 auto;
}

.campaign-badge[b-87sqax2ard] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 4px 12px;
}

.campaign-badge--active[b-87sqax2ard] {
    background: var(--acm-blue);
    color: #fff;
}

/* ===== INTRO ===== */
.campaign-intro-section[b-87sqax2ard] {
    background: #fff;
    padding: 80px 0;
}

.campaign-intro-inner[b-87sqax2ard] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 64px;
    align-items: start;
}

.section-eyebrow[b-87sqax2ard] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 16px;
    display: block;
}

.campaign-intro-headline[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 44px);
    color: var(--acm-text-dark);
    margin: 0 0 24px;
    line-height: 1.2;
}

.campaign-intro-body[b-87sqax2ard] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.8;
    margin: 0 0 16px;
}

.pull-quote[b-87sqax2ard] {
    border-left: 4px solid var(--acm-lime);
    padding: 20px 24px;
    background: var(--acm-off-white);
}

.pull-quote-text[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    line-height: 1.5;
    margin: 0 0 12px;
    font-style: italic;
}

.pull-quote-ref[b-87sqax2ard] {
    font-size: 13px;
    color: var(--acm-gray-600);
    margin: 0;
}

/* ===== PARTNERS ===== */
.partners-section[b-87sqax2ard] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.partners-inner[b-87sqax2ard] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.partners-grid[b-87sqax2ard] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.partner-card[b-87sqax2ard] {
    background: var(--acm-navy);
    padding: 32px 28px;
}

.partner-type[b-87sqax2ard] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin: 0 0 12px;
}

.partner-name[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin: 0 0 12px;
}

.partner-desc[b-87sqax2ard] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin: 0 0 20px;
}

.partner-link[b-87sqax2ard] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.partner-link:hover[b-87sqax2ard] {
    color: var(--acm-lime);
}

/* ===== RESOURCES ===== */
.resources-section[b-87sqax2ard] {
    background: #fff;
    padding: 80px 0;
}

.resources-inner[b-87sqax2ard] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.resources-grid[b-87sqax2ard] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.resource-card[b-87sqax2ard] {
    border-top: 4px solid var(--acm-blue);
    padding: 24px 0 0;
}

.resource-type[b-87sqax2ard] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 8px;
}

.resource-name[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--acm-text-dark);
    margin: 0 0 8px;
}

.resource-desc[b-87sqax2ard] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    margin: 0 0 16px;
}

.resource-link[b-87sqax2ard] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ===== CENTRES / ACCORDIONS ===== */
.centres-section[b-87sqax2ard] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.centres-inner[b-87sqax2ard] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.centres-headline[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: #fff;
    margin: 0 0 16px;
}

.centres-intro[b-87sqax2ard] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin: 0 0 40px;
    max-width: 680px;
}

.province-accordions[b-87sqax2ard] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.province-panel[b-87sqax2ard] {
    background: rgba(255, 255, 255, 0.06);
}

.province-toggle[b-87sqax2ard] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: none;
    border: none;
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.province-toggle:hover[b-87sqax2ard] {
    background: rgba(255, 255, 255, 0.08);
}

.province-centres[b-87sqax2ard] {
    padding: 0 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.centre-link[b-87sqax2ard] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
    transition: background 0.2s;
}

.centre-link:hover[b-87sqax2ard] {
    background: rgba(255, 255, 255, 0.1);
}

.centre-link-name[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
}

.centre-link-location[b-87sqax2ard] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

/* ===== HOPE ===== */
.hope-section[b-87sqax2ard] {
    background: var(--acm-lime);
    padding: 80px 0;
}

.hope-inner[b-87sqax2ard] {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}

.hope-eyebrow[b-87sqax2ard] {
    color: var(--acm-navy);
}

.hope-headline[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 44px);
    color: var(--acm-navy);
    margin: 0 0 20px;
    line-height: 1.2;
}

.hope-body[b-87sqax2ard] {
    font-size: 16px;
    color: rgba(15, 30, 61, 0.8);
    line-height: 1.8;
    margin: 0;
}

/* ===== RELATED ===== */
.related-section[b-87sqax2ard] {
    background: #fff;
    padding: 80px 0;
}

.related-inner[b-87sqax2ard] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.related-grid[b-87sqax2ard] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-top: 32px;
}

.related-card[b-87sqax2ard] {
    background: var(--acm-navy);
    padding: 36px 32px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
}

.related-card-eyebrow[b-87sqax2ard] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    margin: 0 0 8px;
}

.related-card-title[b-87sqax2ard] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    margin: 0 0 12px;
}

.related-card-desc[b-87sqax2ard] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    flex: 1;
    margin: 0 0 24px;
}

.related-card-cta[b-87sqax2ard] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    align-self: flex-start;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1023px) {
    .campaign-intro-inner[b-87sqax2ard] {
        grid-template-columns: 1fr;
    }

    .partners-grid[b-87sqax2ard],
    .resources-grid[b-87sqax2ard] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .campaign-badge-wrap[b-87sqax2ard],
    .campaign-intro-inner[b-87sqax2ard],
    .partners-inner[b-87sqax2ard],
    .resources-inner[b-87sqax2ard],
    .centres-inner[b-87sqax2ard],
    .hope-inner[b-87sqax2ard],
    .related-inner[b-87sqax2ard] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .related-grid[b-87sqax2ard] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Campaigns/VoteYourValues.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   VOTE YOUR VALUES — Campaign Page
   ───────────────────────────────────────────────────────────── */

/* Shared eyebrow */
.section-eyebrow[b-rfn2eihlbv] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

/* ─── Hero badge row ─── */
.hero-badge-row[b-rfn2eihlbv] {
    background: var(--acm-navy);
    padding: 0 64px 32px;
    display: flex;
    justify-content: flex-start;
    max-width: var(--content-max);
    margin: 0 auto;
}

.campaign-badge[b-rfn2eihlbv] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 4px 12px;
}

.campaign-badge--seasonal[b-rfn2eihlbv] {
    background: var(--acm-gray-200);
    color: var(--acm-gray-600);
}

.campaign-badge--ongoing[b-rfn2eihlbv] {
    background: var(--acm-lime);
    color: var(--acm-navy);
}

/* ─── 7.2 INTRO ─── */
.intro-section[b-rfn2eihlbv] {
    background: var(--acm-white);
    padding: 80px 0;
}

.intro-inner[b-rfn2eihlbv] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    max-width: 800px;
}

.intro-eyebrow[b-rfn2eihlbv] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 16px;
}

.intro-heading[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 700;
    color: var(--acm-text-dark);
    line-height: 1.15;
    margin-bottom: 28px;
}

.intro-body[b-rfn2eihlbv] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.8;
    margin-bottom: 20px;
}

/* ─── 7.3 RESOURCE LINKS ─── */
.resources-section[b-rfn2eihlbv] {
    background: var(--acm-white);
    padding: 0 0 80px;
}

.resources-inner[b-rfn2eihlbv] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.resources-heading[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(24px, 2.5vw, 36px);
    font-weight: 700;
    color: var(--acm-text-dark);
    line-height: 1.2;
    margin-bottom: 36px;
}

.resource-grid[b-rfn2eihlbv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.resource-card[b-rfn2eihlbv] {
    background: var(--acm-navy);
    padding: 36px 32px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-left: 4px solid transparent;
    display: flex;
    flex-direction: column;
    transition: border-left-color 200ms var(--ease-out), transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.resource-card:hover[b-rfn2eihlbv] {
    border-left-color: var(--acm-blue);
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.resource-card-title[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 12px;
    line-height: 1.25;
}

.resource-card-body[b-rfn2eihlbv] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    flex: 1;
    margin-bottom: 24px;
}

.resource-card-link[b-rfn2eihlbv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
    align-self: flex-start;
}

.resource-card-link:hover[b-rfn2eihlbv] {
    color: var(--acm-lime);
}

/* ─── 7.4 PRACTICAL VOTING HELP ─── */
.voting-help-section[b-rfn2eihlbv] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.voting-help-inner[b-rfn2eihlbv] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.voting-help-heading[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(24px, 2.5vw, 36px);
    font-weight: 700;
    color: var(--acm-text-dark);
    line-height: 1.2;
    margin-bottom: 40px;
}

.voting-help-row[b-rfn2eihlbv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.voting-help-item[b-rfn2eihlbv] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.voting-help-icon[b-rfn2eihlbv] {
    flex-shrink: 0;
    margin-top: 2px;
}

.voting-help-label[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-text-dark);
    margin-bottom: 8px;
    line-height: 1.3;
}

.voting-help-desc[b-rfn2eihlbv] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin-bottom: 14px;
}

.voting-help-link[b-rfn2eihlbv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.voting-help-link:hover[b-rfn2eihlbv] {
    color: var(--acm-navy);
}

/* ─── 7.5 PRAYER RESOURCES ─── */
.prayer-section[b-rfn2eihlbv] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.prayer-inner[b-rfn2eihlbv] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 64px;
    align-items: center;
}

.prayer-eyebrow[b-rfn2eihlbv] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin-bottom: 16px;
}

.prayer-heading[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(24px, 2.8vw, 38px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.2;
    margin-bottom: 24px;
}

.prayer-body[b-rfn2eihlbv] {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
    margin-bottom: 16px;
}

.prayer-card[b-rfn2eihlbv] {
    background: var(--acm-white);
    padding: 40px 32px;
}

.prayer-card-title[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--acm-text-dark);
    margin-bottom: 12px;
}

.prayer-card-desc[b-rfn2eihlbv] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin-bottom: 28px;
}

/* ─── 7.6 RELATED CAMPAIGNS ─── */
.related-section[b-rfn2eihlbv] {
    background: var(--acm-white);
    padding: 80px 0;
}

.related-inner[b-rfn2eihlbv] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.related-grid[b-rfn2eihlbv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-top: 32px;
}

.related-card[b-rfn2eihlbv] {
    background: var(--acm-navy);
    padding: 36px 32px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
}

.related-card-label[b-rfn2eihlbv] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
}

.related-card-title[b-rfn2eihlbv] {
    font-family: 'Lexend', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--acm-white);
    margin-bottom: 12px;
}

.related-card-body[b-rfn2eihlbv] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    flex: 1;
    margin-bottom: 24px;
}

.related-card-link[b-rfn2eihlbv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
    align-self: flex-start;
}

.related-card-link:hover[b-rfn2eihlbv] {
    color: var(--acm-lime);
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .resource-grid[b-rfn2eihlbv] {
        grid-template-columns: 1fr;
    }

    .voting-help-row[b-rfn2eihlbv] {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .prayer-inner[b-rfn2eihlbv] {
        grid-template-columns: 1fr;
    }

    .related-grid[b-rfn2eihlbv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hero-badge-row[b-rfn2eihlbv] {
        padding: 0 24px 24px;
    }

    .intro-inner[b-rfn2eihlbv],
    .resources-inner[b-rfn2eihlbv],
    .voting-help-inner[b-rfn2eihlbv],
    .prayer-inner[b-rfn2eihlbv],
    .related-inner[b-rfn2eihlbv] {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* /Pages/Contact/ContactLanding.razor.rz.scp.css */
/* ===== HERO ===== */
@keyframes ctHeroFadeUp-b-bxw8alsjol { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ctHeroFadeIn-b-bxw8alsjol  { from { opacity: 0; } to { opacity: 1; } }

.contact-hero[b-bxw8alsjol] {
    background: var(--acm-navy);
    padding: 80px 0 60px;
}

.contact-hero-inner[b-bxw8alsjol] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.contact-hero-title[b-bxw8alsjol] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(36px, 5vw, 64px);
    color: #fff;
    margin: 0 0 16px;
    animation: ctHeroFadeUp-b-bxw8alsjol 500ms var(--ease-out) 150ms backwards;
}

.contact-hero-sub[b-bxw8alsjol] {
    font-size: 18px;
    color: var(--acm-lime);
    line-height: 1.6;
    margin: 0;
    max-width: 640px;
    animation: ctHeroFadeIn-b-bxw8alsjol 400ms var(--ease-out) 350ms backwards;
}

/* ===== BODY SECTION ===== */
.contact-body-section[b-bxw8alsjol] {
    background: #fff;
    padding: 80px 0;
}

.contact-body-inner[b-bxw8alsjol] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 56px;
    align-items: start;
}

/* ===== FORM ===== */
.contact-form[b-bxw8alsjol] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.form-field[b-bxw8alsjol] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 20px;
}

.form-field label[b-bxw8alsjol] {
    font-size: 14px;
    font-weight: 500;
    color: var(--acm-text-dark);
}

.form-row-2[b-bxw8alsjol] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-input[b-bxw8alsjol] {
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    color: var(--acm-text-dark);
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.form-input:focus[b-bxw8alsjol] {
    border-color: var(--acm-blue);
}

.form-select[b-bxw8alsjol] {
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    color: var(--acm-text-dark);
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

.form-select:focus[b-bxw8alsjol] {
    border-color: var(--acm-blue);
}

.form-textarea[b-bxw8alsjol] {
    padding: 12px 16px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    color: var(--acm-text-dark);
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    resize: vertical;
}

.form-textarea:focus[b-bxw8alsjol] {
    border-color: var(--acm-blue);
}

.req[b-bxw8alsjol] {
    color: #DC2626;
}

/* ===== SUCCESS STATE ===== */
.contact-success[b-bxw8alsjol] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 40px;
    background: var(--acm-off-white);
}

.success-heading[b-bxw8alsjol] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: var(--acm-text-dark);
    margin: 0;
}

.success-body[b-bxw8alsjol] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0;
}

/* ===== OFFICE CARD ===== */
.office-card[b-bxw8alsjol] {
    background: var(--acm-navy);
    padding: 40px 36px;
}

.office-label[b-bxw8alsjol] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin: 0 0 16px;
}

.office-label--space[b-bxw8alsjol] {
    margin-top: 32px;
}

.office-name[b-bxw8alsjol] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin: 0 0 4px;
}

.office-title[b-bxw8alsjol] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 24px;
    line-height: 1.5;
}

.office-links[b-bxw8alsjol] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.office-link[b-bxw8alsjol] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.office-link:hover[b-bxw8alsjol] {
    color: var(--acm-lime);
}

.office-address[b-bxw8alsjol] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin: 0;
}

.social-links[b-bxw8alsjol] {
    display: flex;
    gap: 16px;
    margin-top: 28px;
}

.social-link[b-bxw8alsjol] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--acm-blue);
    text-decoration: none;
    transition: border-color 200ms var(--ease-out), transform 200ms var(--ease-out);
}

.social-link:hover[b-bxw8alsjol] {
    border-color: var(--acm-blue);
    transform: translateY(-2px);
}

/* ===== MAP ===== */
.map-wrap[b-bxw8alsjol] {
    width: 100%;
}

.map-iframe[b-bxw8alsjol] {
    width: 100%;
    height: 320px;
    border: none;
    display: block;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .contact-hero-inner[b-bxw8alsjol] {
        padding: 0 24px;
    }

    .contact-body-inner[b-bxw8alsjol] {
        grid-template-columns: 1fr;
        padding: 0 24px;
        gap: 32px;
    }

    .contact-info-col[b-bxw8alsjol] {
        order: -1;
    }

    .form-row-2[b-bxw8alsjol] {
        grid-template-columns: 1fr;
    }

    .map-iframe[b-bxw8alsjol] {
        height: 240px;
    }
}
/* /Pages/Donate/DonateLanding.razor.rz.scp.css */
/* ===== HERO ===== */
@keyframes dhFadeUp-b-6kmi2wrg9o { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes dhFadeIn-b-6kmi2wrg9o  { from { opacity: 0; } to { opacity: 1; } }

.donate-hero[b-6kmi2wrg9o] {
    background: var(--acm-navy);
    padding: 100px 0 80px;
}

.donate-hero-inner[b-6kmi2wrg9o] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.donate-hero-title[b-6kmi2wrg9o] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(32px, 4vw, 56px);
    color: #fff;
    margin: 0 0 20px;
    max-width: 760px;
    animation: dhFadeUp-b-6kmi2wrg9o 500ms var(--ease-out) 150ms backwards;
}

.donate-hero-sub[b-6kmi2wrg9o] {
    font-size: 18px;
    color: var(--acm-lime);
    line-height: 1.7;
    margin: 0 0 40px;
    max-width: 720px;
    animation: dhFadeIn-b-6kmi2wrg9o 400ms var(--ease-out) 350ms backwards;
}

.donate-hero-stats[b-6kmi2wrg9o] {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    animation: dhFadeIn-b-6kmi2wrg9o 300ms var(--ease-out) 500ms backwards;
}

.stat-pill[b-6kmi2wrg9o] {
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,0.08);
    padding: 16px 24px;
    min-width: 140px;
}

.stat-num[b-6kmi2wrg9o] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 4px;
}

.stat-label[b-6kmi2wrg9o] {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
}

/* ===== NARRATIVE ===== */
.narrative-section[b-6kmi2wrg9o] {
    background: #fff;
    padding: 80px 0;
}

.narrative-inner[b-6kmi2wrg9o] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 56px;
    align-items: start;
}

.section-eyebrow[b-6kmi2wrg9o] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 20px;
    display: block;
}

.narrative-heading[b-6kmi2wrg9o] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(22px, 2.5vw, 32px);
    color: var(--acm-text-dark);
    margin: 0 0 24px;
    line-height: 1.3;
}

.narrative-body[b-6kmi2wrg9o] {
    font-size: 16px;
    color: var(--acm-text-dark);
    line-height: 1.8;
    margin: 0 0 16px;
}

.trust-card[b-6kmi2wrg9o] {
    background: var(--acm-navy);
    padding: 32px 28px;
}

.trust-label[b-6kmi2wrg9o] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin: 0 0 12px;
}

.trust-body[b-6kmi2wrg9o] {
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    line-height: 1.6;
    margin: 0 0 16px;
}

.trust-row[b-6kmi2wrg9o] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin-bottom: 8px;
}

.trust-key[b-6kmi2wrg9o] {
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    white-space: nowrap;
}

.trust-val[b-6kmi2wrg9o] {
    font-style: italic;
}

.trust-divider[b-6kmi2wrg9o] {
    height: 1px;
    background: rgba(255,255,255,0.15);
    margin: 16px 0;
}

/* ===== WIDGET ===== */
.widget-section[b-6kmi2wrg9o] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.widget-inner[b-6kmi2wrg9o] {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}

.donorbox-placeholder[b-6kmi2wrg9o] {
    background: #fff;
    border: 2px dashed var(--acm-gray-200);
    padding: 60px 40px;
    margin: 24px 0;
}

.placeholder-label[b-6kmi2wrg9o] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.placeholder-sub[b-6kmi2wrg9o] {
    font-size: 14px;
    color: var(--acm-gray-600);
    margin: 0 0 24px;
    line-height: 1.6;
}

.widget-notice[b-6kmi2wrg9o] {
    font-size: 13px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    margin: 0;
}

/* ===== IMPACT ===== */
.impact-section[b-6kmi2wrg9o] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.impact-inner[b-6kmi2wrg9o] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.impact-eyebrow[b-6kmi2wrg9o] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px;
    display: block;
    text-align: center;
}

.impact-grid[b-6kmi2wrg9o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.impact-card[b-6kmi2wrg9o] {
    background: #fff;
    padding: 32px 24px;
    transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.impact-card:hover[b-6kmi2wrg9o] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.impact-icon[b-6kmi2wrg9o] {
    margin-bottom: 20px;
}

.impact-card-title[b-6kmi2wrg9o] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.impact-card-body[b-6kmi2wrg9o] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0;
}

/* ===== OTHER WAYS ===== */
.other-ways-section[b-6kmi2wrg9o] {
    background: #fff;
    padding: 80px 0;
}

.other-ways-inner[b-6kmi2wrg9o] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.other-ways-grid[b-6kmi2wrg9o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.other-card[b-6kmi2wrg9o] {
    border-top: 4px solid var(--acm-blue);
    padding: 28px 0 0;
}

.other-card-title[b-6kmi2wrg9o] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.other-card-body[b-6kmi2wrg9o] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 20px;
}

.other-card-link[b-6kmi2wrg9o] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--acm-blue);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.other-card-link:hover[b-6kmi2wrg9o] {
    text-decoration: underline;
}

.bank-details[b-6kmi2wrg9o] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bank-row[b-6kmi2wrg9o] {
    display: flex;
    gap: 12px;
    font-size: 13px;
    color: var(--acm-text-dark);
}

.bank-row span:first-child[b-6kmi2wrg9o] {
    font-weight: 600;
    min-width: 110px;
    color: var(--acm-gray-600);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1023px) {
    .impact-grid[b-6kmi2wrg9o] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .donate-hero-inner[b-6kmi2wrg9o],
    .narrative-inner[b-6kmi2wrg9o],
    .impact-inner[b-6kmi2wrg9o],
    .other-ways-inner[b-6kmi2wrg9o] {
        padding: 0 24px;
    }

    .narrative-inner[b-6kmi2wrg9o] {
        grid-template-columns: 1fr;
    }

    .other-ways-grid[b-6kmi2wrg9o] {
        grid-template-columns: 1fr;
    }

    .impact-grid[b-6kmi2wrg9o] {
        grid-template-columns: 1fr;
    }

    .donate-hero-stats[b-6kmi2wrg9o] {
        flex-direction: column;
    }
}
/* /Pages/ErrorPages/AccessDenied.razor.rz.scp.css */
/* ── 403 Access Denied Page ──────────────────────────────────────── */

.error-page[b-rn5tbv8xbm] {
    min-height: calc(100vh - var(--nav-height));
    background: var(--acm-navy);
    display: flex;
    align-items: center;
    padding: 80px 0;
}

.error-page__inner[b-rn5tbv8xbm] {
    width: 100%;
}

.error-code[b-rn5tbv8xbm] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 120px;
    line-height: 1;
    margin-bottom: 24px;
    letter-spacing: -4px;
}

.error-code--blue[b-rn5tbv8xbm] { color: var(--acm-blue); }
.error-code--lime[b-rn5tbv8xbm] { color: var(--acm-lime); }
.error-code--red[b-rn5tbv8xbm]  { color: var(--acm-error); }

.error-page__content[b-rn5tbv8xbm] {
    max-width: 640px;
}

.error-page__headline[b-rn5tbv8xbm] {
    color: var(--acm-white);
    font-size: 36px;
    margin-bottom: 20px;
}

.error-page__body[b-rn5tbv8xbm] {
    color: var(--acm-gray-200);
    font-size: 18px;
    line-height: 1.7;
    max-width: 500px;
    margin-bottom: 36px;
}

/* ── Action buttons ──────────────────────────────────────────────── */

.error-page__actions[b-rn5tbv8xbm] {
    margin-bottom: 0;
}

.err-btn[b-rn5tbv8xbm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
}

.err-btn--primary[b-rn5tbv8xbm] {
    background: var(--acm-blue);
    color: var(--acm-white);
    border: 2px solid var(--acm-blue);
}

.err-btn--primary:hover[b-rn5tbv8xbm] {
    background: var(--acm-blue-light);
    border-color: var(--acm-blue-light);
    transform: translateY(-1px);
}

.err-btn--outline[b-rn5tbv8xbm] {
    background: transparent;
    color: var(--acm-white);
    border: 2px solid rgba(255, 255, 255, 0.4);
}

.err-btn--outline:hover[b-rn5tbv8xbm] {
    border-color: var(--acm-white);
    background: rgba(255, 255, 255, 0.05);
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .error-page[b-rn5tbv8xbm] {
        padding: 48px 0;
        align-items: flex-start;
    }

    .error-code[b-rn5tbv8xbm] {
        font-size: 80px;
        letter-spacing: -2px;
    }

    .error-page__headline[b-rn5tbv8xbm] {
        font-size: 28px;
    }

    .error-page__body[b-rn5tbv8xbm] {
        font-size: 16px;
    }

    .error-page__actions[b-rn5tbv8xbm] {
        flex-direction: column;
    }

    .err-btn[b-rn5tbv8xbm] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/ErrorPages/MaintainanceModePage.razor.rz.scp.css */
/* ── Maintenance Mode Page ───────────────────────────────────────── */

.maint-page[b-pku51jjggi] {
    min-height: 100vh;
    background: var(--acm-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 32px;
}

.maint-page__inner[b-pku51jjggi] {
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

/* ── Logo ────────────────────────────────────────────────────────── */

.maint-logo[b-pku51jjggi] {
    display: block;
    margin-bottom: 56px;
}

.maint-logo__img[b-pku51jjggi] {
    height: 40px;
    width: auto;
}

/* ── Copy ────────────────────────────────────────────────────────── */

.maint-page__headline[b-pku51jjggi] {
    color: var(--acm-white);
    font-family: 'Lexend', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
}

.maint-page__body[b-pku51jjggi] {
    color: var(--acm-gray-200);
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    max-width: 550px;
    margin-bottom: 32px;
}

/* ── Expected completion ─────────────────────────────────────────── */

.maint-page__completion[b-pku51jjggi] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.maint-page__completion-label[b-pku51jjggi] {
    color: var(--acm-gray-200);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.maint-page__completion-value[b-pku51jjggi] {
    color: var(--acm-white);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

/* ── Progress status ─────────────────────────────────────────────── */

.maint-page__status[b-pku51jjggi] {
    color: var(--acm-gray-400);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 40px;
}

/* ── Support block ───────────────────────────────────────────────── */

.maint-page__support[b-pku51jjggi] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.maint-page__support-heading[b-pku51jjggi] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--acm-gray-200);
    margin-bottom: 12px;
}

.maint-page__support-email[b-pku51jjggi] {
    display: block;
    color: var(--acm-blue);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    margin-bottom: 6px;
    transition: color 0.15s;
}

.maint-page__support-email:hover[b-pku51jjggi] {
    color: var(--acm-blue-light);
    text-decoration: underline;
}

.maint-page__support-phone[b-pku51jjggi] {
    color: var(--acm-gray-200);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

/* ── Social ──────────────────────────────────────────────────────── */

.maint-page__social-label[b-pku51jjggi] {
    color: var(--acm-gray-200);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    margin-bottom: 12px;
}

.maint-page__social-icons[b-pku51jjggi] {
    display: flex;
    gap: 16px;
}

.maint-page__social-link[b-pku51jjggi] {
    color: var(--acm-gray-400);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: color 0.2s, border-color 0.2s;
}

.maint-page__social-link:hover[b-pku51jjggi] {
    color: var(--acm-white);
    border-color: rgba(255, 255, 255, 0.4);
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .maint-page[b-pku51jjggi] {
        padding: 48px 24px;
        align-items: flex-start;
    }

    .maint-page__headline[b-pku51jjggi] {
        font-size: 32px;
    }

    .maint-page__body[b-pku51jjggi] {
        font-size: 16px;
    }
}
/* /Pages/ErrorPages/NotFound.razor.rz.scp.css */
/* ── 404 Not Found Page ──────────────────────────────────────────── */

.error-page[b-581fner3b0] {
    min-height: calc(100vh - var(--nav-height));
    background: var(--acm-navy);
    display: flex;
    align-items: center;
    padding: 80px 0;
}

.error-page__inner[b-581fner3b0] {
    width: 100%;
}

.error-page__back[b-581fner3b0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--acm-white);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    border: 2px solid rgba(255, 255, 255, 0.35);
    padding: 10px 20px;
    cursor: pointer;
    margin-bottom: 64px;
    transition: border-color 0.2s, background 0.2s;
}

.error-page__back:hover[b-581fner3b0] {
    border-color: var(--acm-white);
    background: rgba(255, 255, 255, 0.05);
}

.error-code[b-581fner3b0] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 120px;
    line-height: 1;
    margin-bottom: 24px;
    letter-spacing: -4px;
}

.error-code--lime[b-581fner3b0]  { color: var(--acm-lime); }
.error-code--red[b-581fner3b0]   { color: var(--acm-error); }
.error-code--blue[b-581fner3b0]  { color: var(--acm-blue); }

.error-page__content[b-581fner3b0] {
    max-width: 640px;
}

.error-page__headline[b-581fner3b0] {
    color: var(--acm-white);
    font-size: 36px;
    margin-bottom: 20px;
}

.error-page__body[b-581fner3b0] {
    color: var(--acm-gray-200);
    font-size: 18px;
    line-height: 1.7;
    max-width: 500px;
    margin-bottom: 40px;
}

/* ── Helpful links ───────────────────────────────────────────────── */

.error-page__links-label[b-581fner3b0] {
    color: var(--acm-blue);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.error-page__link-list[b-581fner3b0] {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.error-page__link-list a[b-581fner3b0] {
    color: var(--acm-blue);
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    transition: color 0.15s;
}

.error-page__link-list a:hover[b-581fner3b0] {
    color: var(--acm-blue-light);
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .error-page[b-581fner3b0] {
        padding: 48px 0;
        align-items: flex-start;
    }

    .error-code[b-581fner3b0] {
        font-size: 80px;
        letter-spacing: -2px;
    }

    .error-page__back[b-581fner3b0] {
        margin-bottom: 40px;
    }

    .error-page__headline[b-581fner3b0] {
        font-size: 28px;
    }

    .error-page__body[b-581fner3b0] {
        font-size: 16px;
    }
}
/* /Pages/ErrorPages/ServerError.razor.rz.scp.css */
/* ── 500 Server Error Page ───────────────────────────────────────── */

.error-page[b-sits3okp8i] {
    min-height: calc(100vh - var(--nav-height));
    background: var(--acm-navy);
    display: flex;
    align-items: center;
    padding: 80px 0;
}

.error-page__inner[b-sits3okp8i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.error-code[b-sits3okp8i] {
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    font-size: 120px;
    line-height: 1;
    margin-bottom: 24px;
    letter-spacing: -4px;
}

.error-code--red[b-sits3okp8i]  { color: var(--acm-error); }
.error-code--lime[b-sits3okp8i] { color: var(--acm-lime); }
.error-code--blue[b-sits3okp8i] { color: var(--acm-blue); }

.error-page__content[b-sits3okp8i] {
    max-width: 700px;
}

.error-page__headline[b-sits3okp8i] {
    color: var(--acm-white);
    font-size: 36px;
    margin-bottom: 20px;
}

.error-page__body[b-sits3okp8i] {
    color: var(--acm-gray-200);
    font-size: 18px;
    line-height: 1.7;
    max-width: 550px;
    margin-bottom: 36px;
}

/* ── Action buttons ──────────────────────────────────────────────── */

.error-page__actions[b-sits3okp8i] {
    margin-bottom: 48px;
}

.err-btn[b-sits3okp8i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
}

.err-btn--primary[b-sits3okp8i] {
    background: var(--acm-blue);
    color: var(--acm-white);
    border: 2px solid var(--acm-blue);
}

.err-btn--primary:hover[b-sits3okp8i] {
    background: var(--acm-blue-light);
    border-color: var(--acm-blue-light);
    transform: translateY(-1px);
}

.err-btn--outline[b-sits3okp8i] {
    background: transparent;
    color: var(--acm-white);
    border: 2px solid rgba(255, 255, 255, 0.4);
}

.err-btn--outline:hover[b-sits3okp8i] {
    border-color: var(--acm-white);
    background: rgba(255, 255, 255, 0.05);
}

/* ── Support block ───────────────────────────────────────────────── */

.error-page__support[b-sits3okp8i] {
    background: var(--acm-navy-mid);
    padding: 24px;
    margin-bottom: 56px;
    max-width: 400px;
}

.error-page__support-heading[b-sits3okp8i] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--acm-gray-200);
    margin-bottom: 12px;
}

.error-page__support-email[b-sits3okp8i] {
    display: block;
    color: var(--acm-blue);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    margin-bottom: 6px;
    transition: color 0.15s;
}

.error-page__support-email:hover[b-sits3okp8i] {
    color: var(--acm-blue-light);
    text-decoration: underline;
}

.error-page__support-phone[b-sits3okp8i] {
    color: var(--acm-gray-200);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

/* ── Homepage link ───────────────────────────────────────────────── */

.error-page__home-link[b-sits3okp8i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--acm-blue);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    transition: color 0.15s;
}

.error-page__home-link:hover[b-sits3okp8i] {
    color: var(--acm-blue-light);
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .error-page[b-sits3okp8i] {
        padding: 48px 0;
        align-items: flex-start;
    }

    .error-code[b-sits3okp8i] {
        font-size: 80px;
        letter-spacing: -2px;
    }

    .error-page__headline[b-sits3okp8i] {
        font-size: 28px;
    }

    .error-page__body[b-sits3okp8i] {
        font-size: 16px;
    }

    .error-page__actions[b-sits3okp8i] {
        flex-direction: column;
    }

    .err-btn[b-sits3okp8i] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Events/EventManagement.razor.rz.scp.css */
/* /Pages/Events/EventsArchive.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   EVENTS — Archive
   ───────────────────────────────────────────────────────────── */

/* ─── 15.2 ARCHIVE GRID ─── */
.archive-section[b-7yd4wee0qz] {
    background: var(--acm-white);
    padding: 80px 0 96px;
}

.archive-inner[b-7yd4wee0qz] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.section-eyebrow[b-7yd4wee0qz] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 24px;
}

/* Filter row */
.archive-filter-row[b-7yd4wee0qz] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.archive-search-wrap[b-7yd4wee0qz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 200px;
    border: 1px solid var(--acm-gray-200);
    padding: 0 14px;
    background: var(--acm-white);
    height: 48px;
}

.archive-search-input[b-7yd4wee0qz] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 15px;
    color: var(--acm-text-dark);
    background: transparent;
    font-family: 'Inter', sans-serif;
}

.archive-search-input[b-7yd4wee0qz]::placeholder { color: var(--acm-gray-400); }

.archive-year-select[b-7yd4wee0qz] {
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--acm-gray-200);
    background: var(--acm-white);
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    color: var(--acm-navy);
    cursor: pointer;
    min-width: 140px;
}

.archive-year-select:focus[b-7yd4wee0qz] {
    outline: 2px solid var(--acm-blue);
    outline-offset: 2px;
}

/* Result count */
.archive-result-count[b-7yd4wee0qz] {
    font-size: 13px;
    color: var(--acm-gray-600);
    margin-bottom: 32px;
}

/* Events grid */
.events-grid[b-7yd4wee0qz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Event card */
.event-card[b-7yd4wee0qz] {
    background: var(--acm-white);
    border: 1px solid var(--acm-gray-200);
    display: flex;
    flex-direction: column;
    transition: border-top-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out), transform 200ms var(--ease-out);
    border-top: 4px solid transparent;
}

.event-card:hover[b-7yd4wee0qz] {
    border-top-color: var(--acm-blue);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.event-card-img-wrap[b-7yd4wee0qz] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
}

.event-card-img[b-7yd4wee0qz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: grayscale(20%);
}

.past-event-badge[b-7yd4wee0qz] {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-gray-600);
    background: var(--acm-gray-100);
    padding: 3px 10px;
}

.event-card-body[b-7yd4wee0qz] {
    padding: 20px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.event-card-date[b-7yd4wee0qz] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--acm-gray-600);
    margin-bottom: 10px;
}

.event-card-title[b-7yd4wee0qz] {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.35;
    margin-bottom: 10px;
}

.event-card-meta[b-7yd4wee0qz] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--acm-navy);
    margin-bottom: 12px;
}

.event-card-desc[b-7yd4wee0qz] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
    flex: 1;
}

.event-card-cta[b-7yd4wee0qz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: none;
    margin-top: auto;
    transition: gap 0.15s;
}

.event-card-cta:hover[b-7yd4wee0qz] { gap: 10px; }

/* Empty state */
.archive-empty[b-7yd4wee0qz] {
    padding: 64px 0;
    text-align: center;
}

.archive-empty-heading[b-7yd4wee0qz] {
    font-family: 'Lexend', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--acm-navy);
    margin-bottom: 8px;
}

.archive-empty-body[b-7yd4wee0qz] {
    font-size: 15px;
    color: var(--acm-gray-600);
}

/* ─── 15.3 YOUTUBE BLOCK ─── */
.youtube-section[b-7yd4wee0qz] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.youtube-inner[b-7yd4wee0qz] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 32px;
    text-align: center;
}

.section-eyebrow-dark[b-7yd4wee0qz] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 20px;
}

.youtube-headline[b-7yd4wee0qz] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.25;
    margin-bottom: 16px;
}

.youtube-body[b-7yd4wee0qz] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin-bottom: 32px;
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .events-grid[b-7yd4wee0qz] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .archive-inner[b-7yd4wee0qz] { padding-left: 24px; padding-right: 24px; }
    .events-grid[b-7yd4wee0qz] { grid-template-columns: 1fr; }
    .archive-filter-row[b-7yd4wee0qz] { flex-direction: column; align-items: stretch; }
    .archive-search-wrap[b-7yd4wee0qz] { min-width: unset; }
    .archive-year-select[b-7yd4wee0qz] { min-width: unset; }
}
/* /Pages/Events/UpcomingEvents.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   EVENTS — Upcoming Events
   ───────────────────────────────────────────────────────────── */

/* ─── 14.2 FEATURED CONFERENCE ─── */
.featured-conf-section[b-ufxk3tjtf6] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.featured-conf-inner[b-ufxk3tjtf6] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 64px;
    align-items: center;
}

.conf-badge[b-ufxk3tjtf6] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    padding: 4px 12px;
    margin-bottom: 24px;
}

.conf-headline[b-ufxk3tjtf6] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.25;
    margin-bottom: 20px;
}

.conf-body[b-ufxk3tjtf6] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    margin-bottom: 20px;
}

.conf-location-tag[b-ufxk3tjtf6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 32px;
}

.conf-buttons[b-ufxk3tjtf6] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.featured-conf-date-block[b-ufxk3tjtf6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 56px 48px;
    text-align: center;
}

.conf-date-num[b-ufxk3tjtf6] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(56px, 8vw, 96px);
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 12px;
}

.conf-date-month[b-ufxk3tjtf6] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--acm-white);
}

/* ─── 14.3 EVENTS GRID ─── */
.events-grid-section[b-ufxk3tjtf6] {
    background: var(--acm-white);
    padding: 80px 0 96px;
}

.events-grid-inner[b-ufxk3tjtf6] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.section-eyebrow[b-ufxk3tjtf6] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 24px;
}

/* Filter pills */
.filter-pills[b-ufxk3tjtf6] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.filter-pill[b-ufxk3tjtf6] {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border: 1px solid var(--acm-gray-200);
    background: var(--acm-white);
    color: var(--acm-navy);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.filter-pill:hover[b-ufxk3tjtf6] {
    border-color: var(--acm-blue);
    color: var(--acm-blue);
}

.filter-pill--active[b-ufxk3tjtf6] {
    background: var(--acm-blue);
    color: var(--acm-white);
    border-color: var(--acm-blue);
}

/* Events grid */
.events-grid[b-ufxk3tjtf6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Event card */
.event-card[b-ufxk3tjtf6] {
    background: var(--acm-white);
    border: 1px solid var(--acm-gray-200);
    display: flex;
    flex-direction: column;
    transition: border-top-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out), transform 200ms var(--ease-out);
    border-top: 4px solid transparent;
}

.event-card:hover[b-ufxk3tjtf6] {
    border-top-color: var(--acm-blue);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.event-card-img-wrap[b-ufxk3tjtf6] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.event-card-img[b-ufxk3tjtf6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.event-card-body[b-ufxk3tjtf6] {
    padding: 20px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.event-card-category[b-ufxk3tjtf6] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-white);
    background: var(--acm-blue);
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 12px;
    align-self: flex-start;
}

.event-card-date[b-ufxk3tjtf6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--acm-gray-600);
    margin-bottom: 10px;
}

.event-card-title[b-ufxk3tjtf6] {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.35;
    margin-bottom: 10px;
}

.event-card-meta[b-ufxk3tjtf6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--acm-navy);
    margin-bottom: 12px;
}

.event-card-desc[b-ufxk3tjtf6] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
    flex: 1;
}

.event-card-cta[b-ufxk3tjtf6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    text-decoration: none;
    margin-top: auto;
    transition: gap 0.15s;
}

.event-card-cta:hover[b-ufxk3tjtf6] { gap: 10px; }

/* Empty state */
.events-empty[b-ufxk3tjtf6] {
    padding: 64px 0;
    text-align: center;
}

.events-empty-heading[b-ufxk3tjtf6] {
    font-family: 'Lexend', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--acm-navy);
    margin-bottom: 12px;
}

.events-empty-body[b-ufxk3tjtf6] {
    font-size: 15px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto;
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .featured-conf-inner[b-ufxk3tjtf6] { grid-template-columns: 1fr; gap: 40px; }
    .featured-conf-date-block[b-ufxk3tjtf6] { padding: 40px 32px; }
    .events-grid[b-ufxk3tjtf6] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .featured-conf-inner[b-ufxk3tjtf6],
    .events-grid-inner[b-ufxk3tjtf6] { padding-left: 24px; padding-right: 24px; }
    .events-grid[b-ufxk3tjtf6] { grid-template-columns: 1fr; }
    .conf-buttons[b-ufxk3tjtf6] { flex-direction: column; }
}
/* /Pages/Home/Components/AudienceItemCard.razor.rz.scp.css */
/* ── AUDIENCE GATE CARD ──────────────────────────────────────── */
.audience-card[b-gr7duwo5ik] {
    position: relative;
    aspect-ratio: 339 / 418;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 250ms ease, outline 200ms ease;
    outline: 3px solid transparent;
    outline-offset: -3px;
}

.audience-card--active[b-gr7duwo5ik] {
    outline-color: var(--acm-lime);
}

.audience-card--active .audience-card-overlay[b-gr7duwo5ik] {
    background: linear-gradient(
        to top,
        rgba(8, 12, 24, 0.98) 0%,
        rgba(8, 12, 24, 0.85) 60%,
        rgba(8, 12, 24, 0.40) 100%
    );
}

.audience-card--active .audience-card-desc[b-gr7duwo5ik] {
    max-height: 130px;
    opacity: 1;
    margin-top: 10px;
}


/* ── PHOTO BACKGROUND ────────────────────────────────────────── */
.audience-card-bg[b-gr7duwo5ik] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 400ms ease;
}

.audience-card:hover .audience-card-bg[b-gr7duwo5ik] {
    transform: scale(1.04);
}

/* ── DARK GRADIENT OVERLAY ───────────────────────────────────── */
.audience-card-overlay[b-gr7duwo5ik] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(8, 12, 24, 0.97) 0%,
        rgba(8, 12, 24, 0.65) 55%,
        rgba(8, 12, 24, 0.20) 100%
    );
    transition: background 250ms ease;
}

.audience-card:hover .audience-card-overlay[b-gr7duwo5ik] {
    background: linear-gradient(
        to top,
        rgba(8, 12, 24, 0.98) 0%,
        rgba(8, 12, 24, 0.85) 60%,
        rgba(8, 12, 24, 0.40) 100%
    );
}

/* ── INNER CONTENT — pinned to bottom ────────────────────────── */
.audience-card-inner[b-gr7duwo5ik] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translateX(0);
    transition: transform 250ms ease;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
.audience-card-footer[b-gr7duwo5ik] {
    padding: 0 20px 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ── ICON ────────────────────────────────────────────────────── */
.audience-card-icon[b-gr7duwo5ik] {
    margin-bottom: 10px;
}

/* ── TAG ─────────────────────────────────────────────────────── */
.audience-card-tag[b-gr7duwo5ik] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-lime);
    line-height: 1.4;
    margin-bottom: 6px;
}

/* ── TITLE ───────────────────────────────────────────────────── */
.audience-card-title[b-gr7duwo5ik] {
    font-family: Lexend, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.25;
    margin-bottom: 0;
}

/* ── DESCRIPTION: hidden by default, revealed on hover ───────── */
.audience-card-desc[b-gr7duwo5ik] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 300ms ease, opacity 280ms ease, margin 280ms ease;
    margin-top: 0;
    margin-bottom: 0;
}

.audience-card:hover .audience-card-desc[b-gr7duwo5ik] {
    max-height: 130px;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 0;
}

/* ── CTA BUTTON: full width minus card padding ────────────────── */
.audience-card-btn[b-gr7duwo5ik] {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 10px 18px;
    background: var(--acm-blue);
    color: var(--acm-white);
    font-weight: 500;
    text-align: center;
    transition: background 200ms ease;
    box-sizing: border-box;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 19.5px;
    letter-spacing: 0;
}

.audience-card-btn:hover[b-gr7duwo5ik] {
    background: var(--acm-blue-light);
}

.audience-card:nth-child(5) .audience-card-btn[b-gr7duwo5ik] {
    background: var(--acm-lime); 
    color: var(--acm-navy);  
}

.audience-card:nth-child(5) .audience-card-btn:hover[b-gr7duwo5ik] {
    background: color-mix(in srgb, var(--acm-lime), black 15%);
    color: black;
}
/* /Pages/Home/Components/ContentCard.razor.rz.scp.css */
/* ── CONTENT CARD (shared: resources + news) ─────────────────── */
.content-card[b-4y6vvld06r] {
    background: var(--acm-white);
    overflow: hidden;
    border: 1px solid var(--acm-gray-100);
    display: flex;
    flex-direction: column;
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.content-card:hover[b-4y6vvld06r] {
    box-shadow: 0 8px 24px rgba(15, 30, 61, 0.1);
    transform: translateY(-3px);
}

/* Image wrapper — holds photo + badge */
.content-card-img-wrap[b-4y6vvld06r] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.content-card-img[b-4y6vvld06r] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease;
}

.content-card:hover .content-card-img[b-4y6vvld06r] {
    transform: scale(1.03);
}

/* Category badge overlaid bottom-left of image */
.content-card-badge[b-4y6vvld06r] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    padding: 4px 10px;
}

/* Body */
.content-card-body[b-4y6vvld06r] {
    padding: 20px 20px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* h3 element — font-family/weight inherited from global h3 */
.content-card-title[b-4y6vvld06r] {
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.3;
    margin-bottom: 8px;
    flex: 1;
}

.content-card-date[b-4y6vvld06r] {
    font-family: Inter, sans-serif;
    font-size: 12px;
    color: var(--acm-gray-400);
    margin-bottom: 12px;
}

.content-card-desc[b-4y6vvld06r] {
    font-family: Inter, sans-serif;
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    margin-bottom: 16px;
}

.content-card-link[b-4y6vvld06r] {
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    transition: opacity 200ms;
}

.content-card-link:hover[b-4y6vvld06r] { opacity: 0.7; }
/* /Pages/Home/Components/EventCard.razor.rz.scp.css */
/* ── EVENT CARD ──────────────────────────────────────────────── */
.event-card[b-osikphmtvy] {
    background: var(--acm-white);
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 0;
}

/* Dark navy date box */
.event-date-box[b-osikphmtvy] {
    background: var(--acm-navy);
    width: 76px;
    height: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 2px;
}

.event-day[b-osikphmtvy] {
    font-family: Lexend, sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
}

.event-month[b-osikphmtvy] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--acm-white);
}

/* Vertical divider */
.event-divider[b-osikphmtvy] {
    width: 1px;
    height: 52px;
    background: var(--acm-gray-200);
    flex-shrink: 0;
    margin: 0 20px;
}

/* Title + location + register link */
.event-details[b-osikphmtvy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 16px;
}

.event-info[b-osikphmtvy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* h3 element — font-family/weight inherited from global h3 */
.event-title[b-osikphmtvy] {
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.3;
    margin: 0;
}

.event-location[b-osikphmtvy] {
    font-size: 13px;
    color: var(--acm-gray-400);
    margin: 0;
}

.event-register[b-osikphmtvy] {
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    white-space: nowrap;
    flex-shrink: 0;
    transition: opacity 200ms;
}

.event-register:hover[b-osikphmtvy] { opacity: 0.7; }
/* /Pages/Home/Components/NewsBlockCard.razor.rz.scp.css */
/* ── NEWS CARD ───────────────────────────────────────────────── */
.news-card[b-pqwq3b1ryq] {
    background: var(--acm-white);
    overflow: hidden;
    border: 1px solid var(--acm-gray-100);
    display: flex;
    flex-direction: column;
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.news-card:hover[b-pqwq3b1ryq] {
    box-shadow: 0 8px 24px rgba(15, 30, 61, 0.1);
    transform: translateY(-3px);
}

/* Image wrapper — holds photo + badge */
.news-card-img-wrap[b-pqwq3b1ryq] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.news-card-img[b-pqwq3b1ryq] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease;
}

.news-card:hover .news-card-img[b-pqwq3b1ryq] {
    transform: scale(1.03);
}

/* Category badge overlaid bottom-left */
.news-card-badge[b-pqwq3b1ryq] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-family: Inter, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    padding: 4px 10px;
}

/* Body */
.news-card-body[b-pqwq3b1ryq] {
    padding: 20px 20px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.news-card-title[b-pqwq3b1ryq] {
    font-family: Lexend, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.3;
    margin-bottom: 8px;
    flex: 1;
}

.news-card-date[b-pqwq3b1ryq] {
    font-family: Inter, sans-serif;
    font-size: 12px;
    color: var(--acm-gray-400);
    margin-bottom: 16px;
}

.news-card-link[b-pqwq3b1ryq] {
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    transition: opacity 200ms;
}

.news-card-link:hover[b-pqwq3b1ryq] { opacity: 0.7; }
/* /Pages/Home/Components/ResourceCard.razor.rz.scp.css */
/* ── RESOURCE CARD ───────────────────────────────────────────── */
.resource-card[b-zi76vgju8y] {
    background: var(--acm-white);
    overflow: hidden;
    border: 1px solid var(--acm-gray-100);
    display: flex;
    flex-direction: column;
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.resource-card:hover[b-zi76vgju8y] {
    box-shadow: 0 8px 24px rgba(15, 30, 61, 0.1);
    transform: translateY(-3px);
}

/* Image wrapper — holds photo + badge */
.resource-card-img-wrap[b-zi76vgju8y] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.resource-card-img[b-zi76vgju8y] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease;
}

.resource-card:hover .resource-card-img[b-zi76vgju8y] {
    transform: scale(1.03);
}

/* Category pill overlaid bottom-left of image */
.resource-card-badge[b-zi76vgju8y] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-family: Inter, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    padding: 4px 10px;
}

/* Body */
.resource-card-body[b-zi76vgju8y] {
    padding: 20px 20px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.resource-card-title[b-zi76vgju8y] {
    font-family: Lexend, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.3;
    margin-bottom: 8px;
}

.resource-card-desc[b-zi76vgju8y] {
    font-family: Inter, sans-serif;
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.resource-card-link[b-zi76vgju8y] {
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--acm-blue);
    transition: opacity 200ms;
}

.resource-card-link:hover[b-zi76vgju8y] { opacity: 0.7; }
/* /Pages/Home/Components/TestimonialCard.razor.rz.scp.css */
/* ── TESTIMONIAL CARD (two-panel) ────────────────────────────── */
.tcard[b-93nl084w94] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--acm-white);
}

/* ── LEFT: text panel ────────────────────────────────────────── */
.tcard-text[b-93nl084w94] {
    padding: 36px 32px 32px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--acm-gray-100);
    border-right: none;
}

/* Large decorative opening quote — Lime Green */
.tcard-quote-mark[b-93nl084w94] {
    font-family: Georgia, serif;
    font-size: 72px;
    line-height: 0.8;
    color: var(--acm-lime);
    margin-bottom: 16px;
    user-select: none;
}

/* Quote text */
.tcard-quote[b-93nl084w94] {
    font-family: Lexend, sans-serif;
    font-size: 17px;
    font-style: italic;
    color: var(--acm-navy);
    line-height: 1.7;
    margin-bottom: 28px;
    flex: 1;
}

/* Author block */
.tcard-author[b-93nl084w94] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tcard-author-name[b-93nl084w94] {
    font-size: 14px;
    font-weight: 700;
    color: var(--acm-navy);
}

.tcard-author-role[b-93nl084w94] {
    font-size: 13px;
    color: var(--acm-blue);
}

/* Lime Green pill badge */
.tcard-badge[b-93nl084w94] {
    margin-top: 10px;
    display: inline-block;
    align-self: flex-start;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    padding: 3px 10px;
    border-radius: 0;
}

/* ── RIGHT: video panel ──────────────────────────────────────── */
.tcard-video[b-93nl084w94] {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: var(--acm-navy);
    min-height: 280px;
}

.tcard-thumb[b-93nl084w94] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 300ms ease;
}

.tcard-video:hover .tcard-thumb[b-93nl084w94] {
    transform: scale(1.04);
}

/* Bright Blue 56px play circle — centred */
.tcard-play-wrap[b-93nl084w94] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.tcard-play-circle[b-93nl084w94] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--acm-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 200ms ease, background 200ms ease;
}

.tcard-video:hover .tcard-play-circle[b-93nl084w94] {
    transform: scale(1.1);
    background: var(--acm-blue-light);
}

.tcard-play-icon[b-93nl084w94] {
    margin-left: 3px;
}

/* Duration badge — bottom-right */
.tcard-duration[b-93nl084w94] {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: var(--acm-navy);
    color: var(--acm-white);
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
}

/* ── VIDEO MODAL ─────────────────────────────────────────────── */
@keyframes tcard-fade-in-b-93nl084w94 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes tcard-scale-in-b-93nl084w94 {
    from { transform: scale(0.95); opacity: 0; }
    to   { transform: scale(1);    opacity: 1; }
}

.tcard-modal-backdrop[b-93nl084w94] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: tcard-fade-in-b-93nl084w94 200ms ease;
}

.tcard-modal-content[b-93nl084w94] {
    position: relative;
    width: min(900px, 92vw);
    aspect-ratio: 16 / 9;
    animation: tcard-scale-in-b-93nl084w94 220ms ease;
}

.tcard-modal-close[b-93nl084w94] {
    position: absolute;
    top: -44px;
    right: 0;
    background: none;
    border: none;
    color: var(--acm-white);
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    opacity: 0.75;
    transition: opacity 150ms ease;
}

.tcard-modal-close:hover[b-93nl084w94] { opacity: 1; }

.tcard-modal-iframe[b-93nl084w94] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* ── MOBILE: text above, video below ────────────────────────── */
@media (max-width: 767px) {
    .tcard[b-93nl084w94] {
        grid-template-columns: 1fr;
    }

    .tcard-text[b-93nl084w94] {
        border-right: 1px solid var(--acm-gray-100);
        border-bottom: none;
    }

    .tcard-video[b-93nl084w94] {
        min-height: 220px;
    }
}
/* /Pages/Home/Sections/AnnualConference.razor.rz.scp.css */
/* ── ANNUAL CONFERENCE ───────────────────────────────────────── */
.section-conference[b-cn957cragi] {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    min-height: 560px;
    overflow: hidden;
}

/* ── LEFT: poster image ──────────────────────────────────────── */
.conference-poster[b-cn957cragi] {
    background-image: url('/img/photo-needed.png');
    background-size: cover;
    background-position: center;
    min-height: 560px;
}

/* ── RIGHT: info card ────────────────────────────────────────── */
.conference-right[b-cn957cragi] {
    background: var(--acm-navy-mid);
    padding: 48px clamp(24px, 4vw, 56px) 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* "Happening Soon" lime badge */
.conference-happening-badge[b-cn957cragi] {
    display: inline-block;
    align-self: flex-start;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-navy);
    background: var(--acm-lime);
    padding: 4px 10px;
    margin-bottom: 20px;
}

/* "ACM National Conference 2026" — white label */
.conference-card-label[b-cn957cragi] {
    font-size: 13px;
    font-weight: 500;
    color: var(--acm-white);
    margin-bottom: 20px;
}

/* Date block — day large lime, month below */
.conference-date-block[b-cn957cragi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}

.conference-date-num[b-cn957cragi] {
    font-family: Lexend, sans-serif;
    font-size: clamp(48px, 6vw, 68px);
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
}

.conference-date-month[b-cn957cragi] {
    font-family: Lexend, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--acm-white);
    line-height: 1;
}

/* Divider between date and venue */
.conference-divider[b-cn957cragi] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    margin-bottom: 20px;
}

.conference-venue[b-cn957cragi] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 20px;
}

.conference-tagline[b-cn957cragi] {
    font-family: Lexend, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--acm-white);
    line-height: 1.4;
    margin-bottom: 10px;
}

.conference-body[b-cn957cragi] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.7;
    margin-bottom: 32px;
}

/* White solid button */
.conf-btn-solid[b-cn957cragi] {
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-navy);
    background: var(--acm-white);
    padding: 12px 24px;
    border: 2px solid var(--acm-white);
    text-decoration: none;
    display: inline-block;
    transition: background 200ms, color 200ms;
}

.conf-btn-solid:hover[b-cn957cragi] {
    background: rgba(255, 255, 255, 0.88);
}

/* Transparent white outline button */
.conf-btn-outline[b-cn957cragi] {
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-white);
    background: transparent;
    padding: 12px 24px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    text-decoration: none;
    display: inline-block;
    transition: border-color 200ms, background 200ms;
}

.conf-btn-outline:hover[b-cn957cragi] {
    border-color: var(--acm-white);
    background: rgba(255, 255, 255, 0.08);
}

/* Meta stats — no divider */
.conference-meta[b-cn957cragi] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

.conference-meta-item[b-cn957cragi] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}

.conference-meta-item[b-cn957cragi]::before { content: '· '; }
.conference-meta-item:first-child[b-cn957cragi]::before { content: ''; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .section-conference[b-cn957cragi] {
        grid-template-columns: 1fr;
    }

    .conference-poster[b-cn957cragi] {
        min-height: 320px;
    }
}

@media (max-width: 767px) {
    .conference-right[b-cn957cragi] { padding: 40px 24px 56px; }
}
/* /Pages/Home/Sections/CallToAction.razor.rz.scp.css */
/* ── CALL TO ACTION ──────────────────────────────────────────── */
.section-cta[b-udppco6ts1] {
    background: var(--acm-blue);
    padding: 80px 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.cta-inner[b-udppco6ts1] {
    padding: 0 clamp(24px, 5vw, 64px) 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* h2 element — font-family/weight inherited from global h2 */
.cta-heading[b-udppco6ts1] {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.15;
    margin-bottom: 16px;
    white-space: nowrap;
}

.cta-body[b-udppco6ts1] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.65;
    margin-bottom: 40px;
    max-width: 540px;
}

.cta-actions[b-udppco6ts1] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

/* White solid button on blue bg */
.cta-btn-solid[b-udppco6ts1] {
    font-size: 15px;
    font-weight: 600;
    color: var(--acm-blue);
    background: var(--acm-white);
    padding: 14px 32px;
    border: 2px solid var(--acm-white);
    transition: background 200ms, color 200ms;
    text-decoration: none;
    display: inline-block;
}

.cta-btn-solid:hover[b-udppco6ts1] {
    background: rgba(255, 255, 255, 0.9);
}

/* White outline button on blue bg */
.cta-btn-outline[b-udppco6ts1] {
    font-size: 15px;
    font-weight: 600;
    color: var(--acm-white);
    background: transparent;
    padding: 14px 32px;
    border: 2px solid var(--acm-white);
    transition: background 200ms;
    text-decoration: none;
    display: inline-block;
}

.cta-btn-outline:hover[b-udppco6ts1] {
    background: rgba(255, 255, 255, 0.12);
}
/* /Pages/Home/Sections/ContentHub.razor.rz.scp.css */
/* ── CONTENT HUB ─────────────────────────────────────────────── */
.section-hub[b-olpfohhtqa] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    min-height: 560px;
    overflow: hidden;
    background: var(--acm-navy-mid);
}

/* ── LEFT: text ──────────────────────────────────────────────── */
.hub-text[b-olpfohhtqa] {
    padding: 80px clamp(32px, 5vw, 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hub-label[b-olpfohhtqa] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 18px;
}

.hub-heading[b-olpfohhtqa] {
    font-size: clamp(28px, 3.2vw, 44px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.15;
    margin-bottom: 20px;
}

.hub-body[b-olpfohhtqa] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.75;
    margin-bottom: 36px;
}

/* Stats row */
.hub-stats[b-olpfohhtqa] {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.hub-stat[b-olpfohhtqa] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hub-stat-num[b-olpfohhtqa] {
    font-family: Lexend, sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1;
}

.hub-stat-label[b-olpfohhtqa] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.68);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ── RIGHT: visual ───────────────────────────────────────────── */
.hub-visual[b-olpfohhtqa] {
    position: relative;
    overflow: hidden;
    background: var(--acm-navy);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hub-visual-img[b-olpfohhtqa] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .section-hub[b-olpfohhtqa] {
        grid-template-columns: 1fr;
    }

    .hub-visual[b-olpfohhtqa] {
        min-height: 320px;
    }
}

@media (max-width: 767px) {
    .hub-text[b-olpfohhtqa] { padding: 60px 24px; }
    .hub-visual[b-olpfohhtqa] { display: none; }
}
/* /Pages/Home/Sections/ExplanatoryParagraph.razor.rz.scp.css */
/* ── EXPLANATORY PARAGRAPH ───────────────────────────────────── */
.expl[b-pikb3bpk6u] {
    background: var(--acm-white);
    padding: 96px 0;
}

.expl-inner[b-pikb3bpk6u] {
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 96px);
    display: flex;
    align-items: stretch;
    gap: 0;
}

.expl-heading[b-pikb3bpk6u] {
    flex: 5;
    color: var(--acm-blue-deep);
    padding-right: 60px;
    align-self: center;
}

.expl-divider[b-pikb3bpk6u] {
    width: 1px;
    background: var(--acm-blue-deep);
    flex-shrink: 0;
}

.expl-body[b-pikb3bpk6u] {
    flex: 6;
    color: var(--acm-gray-600);
    padding-left: 60px;
    align-self: center;
    font-size: 20px;
    line-height: 34px;
}

.expl-highlight[b-pikb3bpk6u] {
    font-weight: 700;
    color: var(--acm-blue);
}

@media (max-width: 1024px) {
    .expl-inner[b-pikb3bpk6u] {
        flex-direction: column;
        gap: 40px;
    }

    .expl-divider[b-pikb3bpk6u] {
        width: 100%;
        height: 1px;
    }

    .expl-heading[b-pikb3bpk6u],
    .expl-body[b-pikb3bpk6u] {
        padding: 0;
    }
}
/* /Pages/Home/Sections/FAQ.razor.rz.scp.css */
/* ── FAQ ─────────────────────────────────────────────────────── */
.section-faq[b-rz4o3yebdb] {
    background: var(--acm-white);
    padding: 80px 0;
}

.faq-inner[b-rz4o3yebdb] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 80px;
    align-items: start;
}

/* ── LEFT ────────────────────────────────────────────────────── */
.faq-left[b-rz4o3yebdb] {
    position: sticky;
    top: 100px;
}

.faq-tag[b-rz4o3yebdb] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 16px;
}

.faq-heading[b-rz4o3yebdb] {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    color: var(--acm-navy);
    line-height: 1.1;
    margin-bottom: 20px;
}

.faq-sub[b-rz4o3yebdb] {
    font-size: 15px;
    color: var(--acm-gray-600);
    line-height: 1.7;
}

/* ── RIGHT: accordion ────────────────────────────────────────── */
.faq-list[b-rz4o3yebdb] {
    display: flex;
    flex-direction: column;
}

.faq-item[b-rz4o3yebdb] {
    border-bottom: 1px solid var(--acm-gray-100);
    border-left: 3px solid transparent;
    transition: border-left-color 200ms;
}

.faq-item:first-child[b-rz4o3yebdb] { border-top: 1px solid var(--acm-gray-100); }

.faq-item--open[b-rz4o3yebdb] {
    border-left-color: var(--acm-blue);
}

.faq-question[b-rz4o3yebdb] {
    width: 100%;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 0 20px 16px;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: var(--acm-blue);
    transition: color 200ms;
}

.faq-question:hover[b-rz4o3yebdb] { color: var(--acm-navy); }

.faq-chevron[b-rz4o3yebdb] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--acm-blue);
    transition: transform 250ms ease;
    transform: rotate(180deg);
}

.faq-item--open .faq-chevron[b-rz4o3yebdb] { transform: rotate(360deg); }

.faq-answer[b-rz4o3yebdb] {
    padding: 0 0 20px 16px;
}

.faq-answer-text[b-rz4o3yebdb] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.75;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .faq-inner[b-rz4o3yebdb] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .faq-left[b-rz4o3yebdb] { position: static; }
}
/* /Pages/Home/Sections/FeaturedCampaign.razor.rz.scp.css */
/* ── FEATURED CAMPAIGN ───────────────────────────────────────── */
.section-campaign[b-sioz560s5e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 360px;
    overflow: hidden;
}

/* LEFT: navy text panel */
.campaign-text[b-sioz560s5e] {
    background: var(--acm-navy-mid);
    padding: 72px clamp(32px, 5vw, 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.campaign-label[b-sioz560s5e] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin-bottom: 16px;
}

.campaign-heading[b-sioz560s5e] {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.1;
    margin-bottom: 20px;
}

.campaign-body[b-sioz560s5e] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 480px;
}

/* RIGHT: photo */
.campaign-photo[b-sioz560s5e] {
    background-image: url('/img/photo-needed.png');
    background-size: cover;
    background-position: center;
    min-height: 360px;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .section-campaign[b-sioz560s5e] {
        grid-template-columns: 1fr;
    }

    .campaign-photo[b-sioz560s5e] {
        min-height: 280px;
    }
}

@media (max-width: 767px) {
    .campaign-text[b-sioz560s5e] { padding: 56px 24px; }
}
/* /Pages/Home/Sections/Hero.razor.rz.scp.css */
/* ── HERO ENTRANCE KEYFRAMES ────────────────────────────────── */
@keyframes heroFadeUp-b-coiljxsuef {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes heroFadeIn-b-coiljxsuef {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes heroWavePulse-b-coiljxsuef {
    0%, 100% { opacity: 0.55; }
    50%       { opacity: 0.8; }
}

@keyframes playPulse-b-coiljxsuef {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--acm-blue-light-rgb), 0.35); }
    60%       { box-shadow: 0 0 0 10px rgba(var(--acm-lime-rgb), 0); }
}

/* ── HERO SECTION ───────────────────────────────────────────── */
.hero[b-coiljxsuef] {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: var(--acm-dark);
    padding-top: var(--nav-height);
}

.hero-bg[b-coiljxsuef] {
    position: absolute;
    inset: 0;
    background-image: url('/img/HomePageImages/HeroImage.png');
    background-size: cover;
    background-position: center right;
    opacity: 0.75;
}

.hero-overlay[b-coiljxsuef] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(8, 12, 24, 0.97) 30%,
        rgba(8, 12, 24, 0.55) 60%,
        rgba(8, 12, 24, 0.15) 100%
    );
}

/* Local wave asset — mix-blend-mode: screen makes the black bg transparent */
.hero-wave[b-coiljxsuef] {
    position: absolute;
    right: -43%;
    top: 33%;
    transform : rotate(130deg);
    width: 100%;
    height: 60%;
    pointer-events: none;
    background-image: url('/img/Assets/Wave-Lines.png');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    mix-blend-mode: screen;
    animation: heroWavePulse-b-coiljxsuef 5s ease-in-out infinite;
    will-change: opacity;
}

/* ── CONTENT ────────────────────────────────────────────────── */
.hero-content[b-coiljxsuef] {
    position: relative;
    z-index: 2;
    padding: 80px 0;
}

.hero-inner[b-coiljxsuef] {
    margin: 0;
    padding-left: clamp(24px, 5vw, 96px);
}

.hero-tag[b-coiljxsuef] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    margin-bottom: 24px;
    animation: heroFadeIn-b-coiljxsuef 300ms var(--ease-out) 0ms backwards;
}

.hero-h1[b-coiljxsuef] {
    color: var(--acm-white);
    margin-bottom: 0;
    animation: heroFadeUp-b-coiljxsuef 400ms var(--ease-out) 200ms backwards;
}

.hero-h1-accent[b-coiljxsuef] {
    color: var(--acm-lime);
    display: block;
    margin-bottom: 32px;
}

.hero-subtitle[b-coiljxsuef] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 40px;
    max-width: 480px;
    animation: heroFadeIn-b-coiljxsuef 300ms var(--ease-out) 400ms backwards;
}

.hero-subtitle-text[b-coiljxsuef] {
    position: relative;
    padding-left: 48px;
    color: var(--acm-white);
    font-family: Lexend, sans-serif;
    font-size: 36px;
    line-height: 44px;
}

.hero-subtitle-text[b-coiljxsuef]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    background: var(--acm-lime);
    border-radius: 2px;
}

.hero-cta[b-coiljxsuef] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--acm-blue-light);
    font-size: 15px;
    font-weight: 600;
    transition: opacity 200ms var(--ease-out), transform 200ms var(--ease-out);
    animation: heroFadeIn-b-coiljxsuef 300ms var(--ease-out) 550ms backwards;
}

.hero-cta:hover[b-coiljxsuef] {
    opacity: 0.85;
    transform: translateX(4px);
}

.hero-play-icon[b-coiljxsuef] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--acm-blue-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    animation: playPulse-b-coiljxsuef 2.5s ease-out infinite;
    will-change: box-shadow;
}

.hero-play-icon[b-coiljxsuef]::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid var(--acm-blue-light);
    margin-left: 2px;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .hero-inner[b-coiljxsuef] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .hero-h1[b-coiljxsuef] { font-size: 48px; }

    .hero-wave[b-coiljxsuef] {
        width: 100%;
        right: 0;
        top: auto;
        bottom: 0;
        transform: none;
        height: 40%;
        opacity: 0.4;
    }
}
/* /Pages/Home/Sections/Mandate.razor.rz.scp.css */
/* ── OUR MANDATE ─────────────────────────────────────────────── */
.section-mandate[b-n1xymbcsdl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
}

/* ── LEFT: image panel ───────────────────────────────────────── */
.mandate-image[b-n1xymbcsdl] {
    background-image: url('/img/HomePageImages/Mandate.png');
    background-size: cover;
    background-position: center;
    min-height: 400px;
}

/* ── RIGHT: text panel ───────────────────────────────────────── */
.mandate-text[b-n1xymbcsdl] {
    background-color: #FAFAFA;
    padding: 80px clamp(40px, 6vw, 80px); 
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Geometric connection-node pattern at 3% opacity */
.mandate-text[b-n1xymbcsdl]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='10' cy='10' r='2' fill='%230F1E3D'/%3E%3Ccircle cx='50' cy='30' r='2' fill='%230F1E3D'/%3E%3Ccircle cx='20' cy='60' r='2' fill='%230F1E3D'/%3E%3Ccircle cx='70' cy='70' r='2' fill='%230F1E3D'/%3E%3Ccircle cx='70' cy='10' r='1.5' fill='%230F1E3D'/%3E%3Cline x1='10' y1='10' x2='50' y2='30' stroke='%230F1E3D' stroke-width='0.5'/%3E%3Cline x1='50' y1='30' x2='20' y2='60' stroke='%230F1E3D' stroke-width='0.5'/%3E%3Cline x1='20' y1='60' x2='70' y2='70' stroke='%230F1E3D' stroke-width='0.5'/%3E%3Cline x1='10' y1='10' x2='70' y2='10' stroke='%230F1E3D' stroke-width='0.5'/%3E%3Cline x1='70' y1='10' x2='50' y2='30' stroke='%230F1E3D' stroke-width='0.5'/%3E%3C/svg%3E");
    opacity: 0.03;
    pointer-events: none;
}

/* ── LABEL ───────────────────────────────────────────────────── */
.mandate-label[b-n1xymbcsdl] {
    position: relative;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 16px;
}

/* ── HEADING ─────────────────────────────────────────────────── */
.mandate-heading[b-n1xymbcsdl] {
    position: relative;
    color: var(--acm-navy);
    margin-bottom: 28px;
    font-size: 36px;
    line-height: 44px;
}

/* ── BODY ────────────────────────────────────────────────────── */
.mandate-body[b-n1xymbcsdl] {
    position: relative;
    color: var(--acm-navy);
    line-height: 1.75;
    margin-bottom: 36px;
}

.mandate-body p + p[b-n1xymbcsdl] {
    margin-top: 16px;
}

/* ── CTA LINK ────────────────────────────────────────────────── */
.mandate-link[b-n1xymbcsdl] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--acm-blue);
    font-size: 15px;
    font-weight: 500;
    text-underline-offset: 3px;
    transition: gap 200ms ease;
}

.mandate-link:hover[b-n1xymbcsdl] { gap: 12px; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .section-mandate[b-n1xymbcsdl] {
        grid-template-columns: 1fr;
    }

    .mandate-image[b-n1xymbcsdl] {
        min-height: 320px;
    }

    .mandate-text[b-n1xymbcsdl] {
        padding: 60px clamp(24px, 5vw, 60px);
    }
}

@media (max-width: 767px) {
    .mandate-text[b-n1xymbcsdl] {
        padding: 60px 24px;
    }

    .mandate-heading[b-n1xymbcsdl] {
        font-size: 28px;
    }
}
/* /Pages/Home/Sections/MembersLogos.razor.rz.scp.css */
/* ── MEMBER LOGOS TICKER ─────────────────────────────────────── */
@keyframes logosTicker-b-mqggswjb6j {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.section-logos[b-mqggswjb6j] {
    background: var(--acm-white);
    padding: 25px 0 ;
    border-top: 1px solid var(--acm-gray-200);
    overflow: hidden;
}

.logos-tagline[b-mqggswjb6j] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    text-align: center;
    margin-bottom: 15px;
}

/* The wrapper clips the scrolling track */
.logos-track-wrapper[b-mqggswjb6j] {
    overflow: hidden;
    position: relative;
    /* Fade edges */
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
}

/* The track is double-wide (original + duplicate) and animates left by 50% */
.logos-track[b-mqggswjb6j] {
    display: flex;
    align-items: center;
    gap: 64px;
    width: max-content;
    animation: logosTicker-b-mqggswjb6j 28s linear infinite;
}

.logos-track:hover[b-mqggswjb6j] {
    animation-play-state: paused;
}

.logo-item[b-mqggswjb6j] {
    flex-shrink: 0;
    height: 56px;
    display: flex;
    align-items: center;
}

.member-logo-img[b-mqggswjb6j] {
    max-height: 48px;
    max-width: 140px;
    width: auto;
    object-fit: contain;
    opacity: 0.65;
    filter: grayscale(0.2);
    transition: opacity 200ms ease, filter 200ms ease, transform 200ms ease;
}

.member-logo-img:hover[b-mqggswjb6j] {
    opacity: 1;
    filter: grayscale(0);
    transform: scale(1.05);
}
/* /Pages/Home/Sections/MissionAndVision.razor.rz.scp.css */
/* ── BRAND VIDEO / MISSION & VISION ──────────────────────────── */
.section-brand[b-ifdwkxde1g] {
    background: var(--acm-blue-light);
    padding: 80px 0;
}

.brand-inner[b-ifdwkxde1g] {
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 96px);
    display: grid;
    grid-template-columns: 370fr 710fr;
    gap: 80px;
    align-items: center;
}
 
/* ── LEFT: TEXT ─────────────────────────────────────────────── */
.brand-heading[b-ifdwkxde1g] {
    color: var(--acm-white);
    margin-bottom: 24px;
}

.brand-heading em[b-ifdwkxde1g] {
    color: var(--acm-lime);
    font-style: normal;
}

.brand-body[b-ifdwkxde1g] {
    line-height: 27.2px;
    color: var(--acm-white);
}

/* ── RIGHT: VIDEO THUMBNAIL ─────────────────────────────────── */
.brand-video-col[b-ifdwkxde1g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brand-video-wrap[b-ifdwkxde1g] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--acm-navy-mid);
    cursor: pointer;
}

.brand-video-wrap:hover .play-btn[b-ifdwkxde1g] {
    transform: scale(1.1);
}

.brand-video-thumb[b-ifdwkxde1g] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-video-play[b-ifdwkxde1g] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
}

.play-btn[b-ifdwkxde1g] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--acm-white);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    transition: transform 200ms ease;
}

.play-btn[b-ifdwkxde1g]::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid var(--acm-blue);
    margin-left: 4px;
}

.brand-video-caption[b-ifdwkxde1g] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
}

/* ── YOUTUBE LIGHTBOX ───────────────────────────────────────── */
@keyframes modalFadeIn-b-ifdwkxde1g {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes modalScaleIn-b-ifdwkxde1g {
    from { transform: scale(0.95); opacity: 0; }
    to   { transform: scale(1);    opacity: 1; }
}

.video-modal-backdrop[b-ifdwkxde1g] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: modalFadeIn-b-ifdwkxde1g 200ms ease;
}

.video-modal-content[b-ifdwkxde1g] {
    position: relative;
    width: min(900px, 92vw);
    aspect-ratio: 16 / 9;
    animation: modalScaleIn-b-ifdwkxde1g 220ms ease;
}

.video-modal-iframe[b-ifdwkxde1g] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.video-modal-close[b-ifdwkxde1g] {
    position: absolute;
    top: -44px;
    right: 0;
    background: none;
    border: none;
    color: var(--acm-white);
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    opacity: 0.75;
    transition: opacity 150ms ease;
}

.video-modal-close:hover[b-ifdwkxde1g] {
    opacity: 1;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .brand-inner[b-ifdwkxde1g] {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}
/* /Pages/Home/Sections/NewsBlock.razor.rz.scp.css */
/* ── LATEST NEWS ─────────────────────────────────────────────── */
.section-news[b-25z5byfyh2] {
    background: var(--acm-off-white);
    padding: 64px 0;
}

.news-inner[b-25z5byfyh2] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}

.news-header[b-25z5byfyh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.news-tag[b-25z5byfyh2] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0;
}

.news-view-all[b-25z5byfyh2] {
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    transition: opacity 200ms;
}

.news-view-all:hover[b-25z5byfyh2] { opacity: 0.7; }

.news-grid[b-25z5byfyh2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .news-grid[b-25z5byfyh2] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .news-grid[b-25z5byfyh2] { grid-template-columns: 1fr; }
}
/* /Pages/Home/Sections/NewsletterSubscription.razor.rz.scp.css */
/* ── NEWSLETTER ──────────────────────────────────────────────── */
.section-newsletter[b-620v3k72n5] {
    position: relative;
    background: var(--acm-navy);
    padding: 80px 0;
    overflow: hidden;
    text-align: center;
}

/* Wave decoration */
.newsletter-wave[b-620v3k72n5] {
    position: absolute;
    inset: 0;
    background-image: url('/img/Assets/Wave-Lines-1.png');
    background-size: cover;
    background-position: center;
    transform: rotate(130.78deg) scale(1.8);
    opacity: 0.12;
    pointer-events: none;
}

.newsletter-inner[b-620v3k72n5] {
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 48px);
}

.newsletter-tag[b-620v3k72n5] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 16px;
}

/* h2 element — font-family/weight inherited from global h2 */
.newsletter-heading[b-620v3k72n5] {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 700;
    color: var(--acm-white);
    line-height: 1.2;
    margin-bottom: 16px;
}

.newsletter-sub[b-620v3k72n5] {
    font-size: 15px;
    color: var(--acm-white);
    line-height: 1.7;
    margin-bottom: 36px;
}

.newsletter-form[b-620v3k72n5] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.newsletter-input[b-620v3k72n5] {
    flex: 1;
    min-width: 0;
    padding: 14px 16px;
    border: none;
    background: var(--acm-white);
    font-size: 14px;
    color: var(--acm-text-dark);
    transition: outline 200ms;
}

.newsletter-input:focus[b-620v3k72n5] {
    outline: 2px solid var(--acm-blue);
    outline-offset: 0;
}

.newsletter-input[b-620v3k72n5]::placeholder { color: var(--acm-gray-400); }

.newsletter-btn[b-620v3k72n5] {
    background: var(--acm-blue);
    color: var(--acm-white);
    font-size: 14px;
    font-weight: 600;
    padding: 14px 28px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 200ms;
}

.newsletter-btn:hover[b-620v3k72n5] { background: var(--acm-blue-light); }

.newsletter-disclaimer[b-620v3k72n5] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    margin-top: 16px;
}

@media (max-width: 767px) {
    .newsletter-form[b-620v3k72n5] { flex-direction: column; }
}
/* /Pages/Home/Sections/StatsBar.razor.rz.scp.css */
/* ── STATS BAR ───────────────────────────────────────────────── */
.stats-bar[b-z3agqlxnix] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: var(--acm-navy);
}

.stat-cell[b-z3agqlxnix] {
    padding: 24px 32px; 
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    
    .stat-value-wrapper
    {
        display: flex;
        justify-content: start;
        align-items: center;
    }
}

.stat-cell:last-child[b-z3agqlxnix] { border-right: none; }

.stat-cell--blue[b-z3agqlxnix] {
    background: var(--acm-blue-deep);
}

.stat-value[b-z3agqlxnix] {
    font-size: 32px;
    font-weight: 500;
    color: var(--acm-white);
    line-height: 1.1;
    margin-bottom: 4px;
    font-family: var(--heading-font-family);
}

.stat-value--lime[b-z3agqlxnix] { color: var(--acm-lime); }

.stat-label[b-z3agqlxnix] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.3;
    max-width: 65%;
    
    &.stat-label-srd-miss{
        color: var(--acm-white);
    }
}

@media (max-width: 1024px) {
    .stats-bar[b-z3agqlxnix] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .stats-bar[b-z3agqlxnix] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/Home/Sections/Testimonials.razor.rz.scp.css */
/* ── VOICES / TESTIMONIALS ───────────────────────────────────── */
.section-voices[b-oklyqimuzn] {
    background: #F9FAFB;
    padding: 80px 0;
}

.voices-header[b-oklyqimuzn] {
    max-width: 1280px;
    margin: 0 auto 40px;
    padding: 0 clamp(24px, 5vw, 64px);
    text-align: center;
}

.voices-label[b-oklyqimuzn] {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 14px;
}

.voices-heading[b-oklyqimuzn] {
    font-size: 30px;
    color: var(--acm-navy);
    line-height: 1.2;
}

/* ── TRACK CLIP ──────────────────────────────────────────────── */
.voices-track-clip[b-oklyqimuzn] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
    overflow: hidden;
}

/* ── TRACK ───────────────────────────────────────────────────── */
.voices-track[b-oklyqimuzn] {
    display: flex;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

/* ── SLIDE: two cards side by side ──────────────────────────── */
.voices-slide[b-oklyqimuzn] {
    min-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* ── CONTROLS ROW (below carousel) ──────────────────────────── */
.voices-controls[b-oklyqimuzn] {
    max-width: 1280px;
    margin: 32px auto 0;
    padding: 0 clamp(24px, 5vw, 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

/* ── NAV ARROW BUTTONS ───────────────────────────────────────── */
.voices-nav[b-oklyqimuzn] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--acm-navy);
    background: transparent;
    color: var(--acm-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 200ms ease, color 200ms ease;
}

.voices-nav:hover[b-oklyqimuzn] {
    background: var(--acm-navy);
    color: var(--acm-white);
}

/* ── NAVIGATION DOTS — blue squares ─────────────────────────── */
.voices-dots[b-oklyqimuzn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.voices-dot[b-oklyqimuzn] {
    width: 8px;
    height: 8px;
    border-radius: 0;
    border: none;
    background: var(--acm-gray-200);
    cursor: pointer;
    padding: 0;
    transition: background 200ms ease, transform 200ms ease;
}

.voices-dot--active[b-oklyqimuzn] {
    background: var(--acm-blue);
    transform: scale(1.5);
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .voices-controls[b-oklyqimuzn] { gap: 12px; }
}

@media (max-width: 767px) {
    .section-voices[b-oklyqimuzn] { padding: 60px 0; }

    .voices-slide[b-oklyqimuzn] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* /Pages/Home/Sections/TrendingResources.razor.rz.scp.css */
/* ── TRENDING RESOURCES ──────────────────────────────────────── */
.section-resources[b-hs6jyzxp2a] {
    background: var(--acm-off-white);
    padding: 64px 0;
}

.resources-inner[b-hs6jyzxp2a] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}

.resources-header[b-hs6jyzxp2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.resources-tag[b-hs6jyzxp2a] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0;
}

.resources-view-all[b-hs6jyzxp2a] {
    font-size: 14px;
    font-weight: 600;
    color: var(--acm-blue);
    transition: opacity 200ms;
}

.resources-view-all:hover[b-hs6jyzxp2a] { opacity: 0.7; }

.resources-grid[b-hs6jyzxp2a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .resources-grid[b-hs6jyzxp2a] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .resources-grid[b-hs6jyzxp2a] { grid-template-columns: 1fr; }
}
/* /Pages/Home/Sections/UpcomingEvents.razor.rz.scp.css */
/* ── UPCOMING EVENTS ─────────────────────────────────────────── */
.section-upcoming-events[b-neuo13ewo9] {
    background: var(--acm-blue);
    padding: 64px 0;
}

.events-inner[b-neuo13ewo9] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}

.events-header[b-neuo13ewo9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.events-tag[b-neuo13ewo9] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin: 0;
}

.events-view-all[b-neuo13ewo9] {
    font-size: 14px;
    font-weight: 500;
    color: var(--acm-white);
    transition: opacity 200ms;
}

.events-view-all:hover[b-neuo13ewo9] { opacity: 0.75; }

.events-grid[b-neuo13ewo9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 767px) {
    .events-grid[b-neuo13ewo9] { grid-template-columns: 1fr; }
}
/* /Pages/Home/Sections/WhoIsAcmFor.razor.rz.scp.css */
/* ── WHO ACM IS FOR ─────────────────────────────────────────── */
.section-who[b-pke220i5jp] {
    background: var(--acm-blue-deep);
    padding: 80px 0 48px;
}

.who-header[b-pke220i5jp] {
    max-width: 1280px;
    margin: 0 auto 48px;
    padding: 0 clamp(24px, 5vw, 64px);
    text-align: center;
}

.who-section-tag[b-pke220i5jp] {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 0;
}

.who-section-heading[b-pke220i5jp] {
    color: var(--acm-white);
    font-size: 44px;
}

.who-grid[b-pke220i5jp] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .who-grid[b-pke220i5jp] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .section-who[b-pke220i5jp] { padding: 60px 0 40px; }
    .who-grid[b-pke220i5jp] { grid-template-columns: 1fr; }
}

/* ── AUDIENCE EXPLORER ───────────────────────────────────────── */
.audience-explorer[b-pke220i5jp] {
    background: var(--acm-blue-deep);
    min-height: 160px;
    transition: min-height 0.3s ease;
}

.explorer-inner[b-pke220i5jp] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px) clamp(32px, 4vw, 56px);
}

/* ── DEFAULT STATE ───────────────────────────────────────────── */
.explorer-default[b-pke220i5jp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}

.explorer-label[b-pke220i5jp] {
    font-family: Inter, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0;
}

.explorer-prompt[b-pke220i5jp] {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--acm-gray-400);
    margin: 0;
    max-width: 540px;
}

.explorer-pills[b-pke220i5jp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}

.explorer-pill[b-pke220i5jp] {
    display: inline-block;
    padding: 6px 14px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: var(--acm-gray-400);
    font-family: Inter, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 200ms ease, color 200ms ease, background 200ms ease;
}

.explorer-pill:hover[b-pke220i5jp] {
    border-color: var(--acm-lime);
    color: var(--acm-lime);
    background: rgba(203, 245, 0, 0.06);
}

.explorer-pill:focus-visible[b-pke220i5jp] {
    outline: 2px solid var(--acm-blue);
    outline-offset: 2px;
}

/* ── ACTIVE PANEL ────────────────────────────────────────────── */
.explorer-panel[b-pke220i5jp] {
    animation: explorer-fade-in-b-pke220i5jp 0.3s ease both;
}

@keyframes explorer-fade-in-b-pke220i5jp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.explorer-panel-label[b-pke220i5jp] {
    font-family: Inter, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin: 0 0 28px;
}

.explorer-panel-columns[b-pke220i5jp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    margin-bottom: 32px;
}

.explorer-col-heading[b-pke220i5jp] {
    font-family: Inter, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--acm-white);
    margin: 0 0 14px;
}

.explorer-list[b-pke220i5jp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.explorer-list li[b-pke220i5jp] {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--acm-gray-400);
    line-height: 1.55;
    padding-left: 16px;
    position: relative;
}

.explorer-list li[b-pke220i5jp]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--acm-lime);
    font-size: 12px;
    line-height: 1.7;
}

.explorer-panel-footer[b-pke220i5jp] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.explorer-cta[b-pke220i5jp] {
    padding: 12px 24px;
    font-size: 14px;
}

.explorer-close[b-pke220i5jp] {
    background: transparent;
    border: none;
    color: var(--acm-gray-400);
    font-family: Inter, sans-serif;
    font-size: 13px;
    cursor: pointer;
    padding: 0;
    transition: color 150ms ease;
}

.explorer-close:hover[b-pke220i5jp] {
    color: var(--acm-white);
}

.explorer-close:focus-visible[b-pke220i5jp] {
    outline: 2px solid var(--acm-blue);
    outline-offset: 2px;
}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .explorer-panel-columns[b-pke220i5jp] {
        gap: 32px;
    }
}

@media (max-width: 767px) {
    .audience-explorer[b-pke220i5jp] {
        min-height: 120px;
        display: none; /* hidden on mobile per spec — card click navigates instead */
    }
}
/* /Pages/Hub/HubLanding.razor.rz.scp.css */
/* ===== HERO ===== */
@keyframes hubFadeUp-b-tnl8efxhhw { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hubFadeIn-b-tnl8efxhhw  { from { opacity: 0; } to { opacity: 1; } }

.hub-hero[b-tnl8efxhhw] {
    background: var(--acm-navy);
    padding: 100px 0 80px;
    overflow: hidden;
}

.hub-hero-inner[b-tnl8efxhhw] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 48px;
    align-items: center;
}

.hub-hero-title[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(36px, 4.5vw, 60px);
    color: #fff;
    margin: 0 0 20px;
    animation: hubFadeUp-b-tnl8efxhhw 500ms var(--ease-out) 150ms backwards;
}

.hub-hero-sub[b-tnl8efxhhw] {
    font-size: 18px;
    color: var(--acm-lime);
    line-height: 1.7;
    margin: 0 0 36px;
    animation: hubFadeIn-b-tnl8efxhhw 400ms var(--ease-out) 350ms backwards;
}

.hub-hero-btns[b-tnl8efxhhw] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    animation: hubFadeIn-b-tnl8efxhhw 300ms var(--ease-out) 500ms backwards;
}

.hub-hero-note[b-tnl8efxhhw] {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    margin: 0;
}

/* ===== CONNECTION GRAPHIC ===== */
.hub-hero-graphic[b-tnl8efxhhw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.connection-grid[b-tnl8efxhhw] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    opacity: 0.18;
}

.connection-node[b-tnl8efxhhw] {
    width: 8px;
    height: 8px;
    border: 1px solid var(--acm-lime);
    border-radius: 50%;
}

/* ===== FEATURES ===== */
.hub-features-section[b-tnl8efxhhw] {
    background: #fff;
    padding: 80px 0;
}

.hub-features-inner[b-tnl8efxhhw] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.section-eyebrow[b-tnl8efxhhw] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 16px;
    display: block;
}

.hub-features-heading[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: var(--acm-text-dark);
    margin: 0 0 48px;
}

.hub-feature-cards[b-tnl8efxhhw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.hub-feature-card[b-tnl8efxhhw] {
    background: var(--acm-navy);
    padding: 40px 32px;
    transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.hub-feature-card:hover[b-tnl8efxhhw] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.hub-feature-icon[b-tnl8efxhhw] {
    margin-bottom: 24px;
}

.hub-feature-title[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin: 0 0 12px;
}

.hub-feature-body[b-tnl8efxhhw] {
    font-size: 14px;
    color: rgba(255,255,255,0.72);
    line-height: 1.7;
    margin: 0 0 20px;
}

.hub-feature-tag[b-tnl8efxhhw] {
    font-size: 12px;
    color: var(--acm-lime);
    font-weight: 600;
    margin: 0;
}

.hub-features-cta[b-tnl8efxhhw] {
    text-align: center;
}

/* ===== STEPS ===== */
.hub-steps-section[b-tnl8efxhhw] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.hub-steps-inner[b-tnl8efxhhw] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.hub-steps-eyebrow[b-tnl8efxhhw] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 48px;
    display: block;
    text-align: center;
}

.hub-steps-track[b-tnl8efxhhw] {
    display: flex;
    align-items: flex-start;
}

.hub-step[b-tnl8efxhhw] {
    flex: 1;
    text-align: center;
    padding: 0 24px;
}

.hub-step-num[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    opacity: 0.5;
    display: block;
    margin-bottom: 16px;
    line-height: 1;
}

.hub-step-title[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin: 0 0 12px;
}

.hub-step-body[b-tnl8efxhhw] {
    font-size: 14px;
    color: rgba(255,255,255,0.72);
    line-height: 1.7;
    margin: 0;
}

.hub-step-connector[b-tnl8efxhhw] {
    width: 48px;
    height: 2px;
    border-top: 2px dashed rgba(255,255,255,0.3);
    margin-top: 40px;
    flex-shrink: 0;
}

/* ===== BENEFIT ===== */
.hub-benefit-section[b-tnl8efxhhw] {
    background: #fff;
    padding: 80px 0;
}

.hub-benefit-inner[b-tnl8efxhhw] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 56px;
    align-items: center;
}

.hub-benefit-heading[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: var(--acm-text-dark);
    margin: 0 0 24px;
    line-height: 1.3;
}

.hub-benefit-body[b-tnl8efxhhw] {
    font-size: 16px;
    color: var(--acm-text-dark);
    line-height: 1.8;
    margin: 0 0 16px;
}

.hub-stat-block[b-tnl8efxhhw] {
    background: var(--acm-navy);
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hub-stat-pill[b-tnl8efxhhw] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.hub-stat-pill:last-child[b-tnl8efxhhw] {
    border-bottom: none;
}

.hub-stat-num[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: var(--acm-lime);
    line-height: 1;
}

.hub-stat-label[b-tnl8efxhhw] {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
}

/* ===== ARTISTS ===== */
.hub-artists-section[b-tnl8efxhhw] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.hub-artists-inner[b-tnl8efxhhw] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 56px;
    align-items: center;
}

.hub-artists-eyebrow[b-tnl8efxhhw] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin: 0 0 20px;
    display: block;
}

.hub-artists-heading[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 36px);
    color: #fff;
    margin: 0 0 20px;
}

.hub-artists-body[b-tnl8efxhhw] {
    font-size: 16px;
    color: rgba(255,255,255,0.72);
    line-height: 1.8;
    margin: 0;
}

.hub-artists-card[b-tnl8efxhhw] {
    background: var(--acm-blue);
    padding: 40px 36px;
}

.hub-artists-card-title[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    margin: 0 0 12px;
}

.hub-artists-card-body[b-tnl8efxhhw] {
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    line-height: 1.7;
    margin: 0 0 28px;
}

.btn-white-navy-acm[b-tnl8efxhhw] {
    display: inline-block;
    background: #fff;
    color: var(--acm-navy);
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 28px;
    text-decoration: none;
    border: 2px solid #fff;
    transition: background 0.2s, color 0.2s;
}

.btn-white-navy-acm:hover[b-tnl8efxhhw] {
    background: transparent;
    color: #fff;
}

/* ===== CTA BLOCK ===== */
.hub-cta-section[b-tnl8efxhhw] {
    background: var(--acm-lime);
    padding: 80px 0;
}

.hub-cta-inner[b-tnl8efxhhw] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}

.hub-cta-heading[b-tnl8efxhhw] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 44px);
    color: var(--acm-navy);
    margin: 0 0 36px;
}

.hub-cta-btns[b-tnl8efxhhw] {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.hub-cta-btn-primary[b-tnl8efxhhw] {
    display: inline-block;
    background: var(--acm-navy);
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 28px;
    text-decoration: none;
    transition: background 200ms var(--ease-out), transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.hub-cta-btn-primary:hover[b-tnl8efxhhw] {
    background: var(--acm-blue-deep);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.hub-cta-btn-primary:active[b-tnl8efxhhw] {
    transform: scale(0.98);
    transition-duration: 100ms;
}

.hub-cta-btn-outline[b-tnl8efxhhw] {
    display: inline-block;
    background: transparent;
    color: var(--acm-navy);
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 28px;
    text-decoration: none;
    border: 2px solid var(--acm-navy);
    transition: background 0.2s, color 0.2s;
}

.hub-cta-btn-outline:hover[b-tnl8efxhhw] {
    background: var(--acm-navy);
    color: #fff;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1023px) {
    .hub-feature-cards[b-tnl8efxhhw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hub-hero-inner[b-tnl8efxhhw],
    .hub-features-inner[b-tnl8efxhhw],
    .hub-steps-inner[b-tnl8efxhhw],
    .hub-benefit-inner[b-tnl8efxhhw],
    .hub-artists-inner[b-tnl8efxhhw],
    .hub-cta-inner[b-tnl8efxhhw] {
        padding: 0 24px;
    }

    .hub-hero-inner[b-tnl8efxhhw] {
        grid-template-columns: 1fr;
    }

    .hub-hero-graphic[b-tnl8efxhhw] {
        display: none;
    }

    .hub-steps-track[b-tnl8efxhhw] {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .hub-step-connector[b-tnl8efxhhw] {
        width: 2px;
        height: 24px;
        border-top: none;
        border-left: 2px dashed rgba(255,255,255,0.3);
        margin: 8px auto;
    }

    .hub-benefit-inner[b-tnl8efxhhw],
    .hub-artists-inner[b-tnl8efxhhw] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Membership/BecomeAMember.razor.rz.scp.css */
/* ===== SHARED EYEBROW ===== */
.section-eyebrow[b-7drmyhyq26] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 24px;
    display: block;
}

/* ===== THREE-STEP PROCESS ===== */
.steps-section[b-7drmyhyq26] {
    background: #fff;
    padding: 80px 0;
}

.steps-inner[b-7drmyhyq26] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.steps-track[b-7drmyhyq26] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.step-item[b-7drmyhyq26] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 24px;
}

.step-num[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: var(--acm-lime);
    line-height: 1;
    margin-bottom: 16px;
}

.step-connector[b-7drmyhyq26] {
    width: 48px;
    height: 2px;
    background: var(--acm-gray-200);
    margin-top: 24px;
    flex-shrink: 0;
}

.step-title[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.step-body[b-7drmyhyq26] {
    font-size: 14px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0;
}

/* ===== CATEGORY SECTION ===== */
.cat-section[b-7drmyhyq26] {
    background: var(--acm-off-white);
    padding: 80px 0;
}

.cat-inner[b-7drmyhyq26] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
}

.cat-note[b-7drmyhyq26] {
    font-size: 14px;
    color: var(--acm-gray-600);
    font-style: italic;
    margin: 0 0 24px;
}

.fee-table-wrap[b-7drmyhyq26] {
    overflow-x: auto;
}

.fee-table[b-7drmyhyq26] {
    width: 100%;
    border-collapse: collapse;
}

.fee-table thead tr[b-7drmyhyq26] {
    background: var(--acm-navy);
    color: #fff;
}

.fee-table th[b-7drmyhyq26] {
    padding: 14px 20px;
    text-align: left;
    font-size: 14px;
    font-family: Lexend, sans-serif;
    font-weight: 700;
}

.fee-table td[b-7drmyhyq26] {
    padding: 14px 20px;
    text-align: left;
    font-size: 14px;
    color: var(--acm-text-dark);
    border-bottom: 1px solid var(--acm-gray-100);
}

.fee-table tbody tr:nth-child(even)[b-7drmyhyq26] {
    background: rgba(0, 0, 0, 0.03);
}

.fee-cat[b-7drmyhyq26] {
    font-weight: 700;
    color: var(--acm-text-dark);
}

.fee-amount[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    color: var(--acm-blue);
    white-space: nowrap;
}

.staff-notes[b-7drmyhyq26] {
    margin-top: 16px;
}

.staff-notes p[b-7drmyhyq26] {
    font-size: 12px;
    color: var(--acm-gray-600);
    padding-left: 16px;
    position: relative;
    margin: 0 0 8px;
}

.staff-notes p[b-7drmyhyq26]::before {
    content: "•";
    position: absolute;
    left: 0;
}

/* ===== FORMS SECTION ===== */
.forms-section[b-7drmyhyq26] {
    background: #fff;
    padding: 80px 0;
}

.forms-inner[b-7drmyhyq26] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 64px;
}

.form-tabs[b-7drmyhyq26] {
    display: flex;
    border-bottom: 2px solid var(--acm-gray-200);
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.form-tab[b-7drmyhyq26] {
    padding: 12px 24px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    font-size: 14px;
    font-weight: 600;
    font-family: Inter, sans-serif;
    color: var(--acm-gray-600);
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
}

.form-tab:hover[b-7drmyhyq26] {
    color: var(--acm-navy);
}

.form-tab--active[b-7drmyhyq26] {
    color: var(--acm-navy);
    border-bottom-color: var(--acm-lime);
}

.form-heading[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: var(--acm-text-dark);
    margin: 0 0 32px;
}

.form-row-2[b-7drmyhyq26] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-field[b-7drmyhyq26] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 20px;
}

.form-field label[b-7drmyhyq26] {
    font-size: 14px;
    font-weight: 500;
    color: var(--acm-text-dark);
}

.form-input[b-7drmyhyq26] {
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    color: var(--acm-text-dark);
    background: #fff;
}

.form-input:focus[b-7drmyhyq26] {
    border-color: var(--acm-blue);
}

.form-select[b-7drmyhyq26] {
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    color: var(--acm-text-dark);
    background: #fff;
    cursor: pointer;
}

.form-select:focus[b-7drmyhyq26] {
    border-color: var(--acm-blue);
}

.form-textarea[b-7drmyhyq26] {
    padding: 12px 16px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    color: var(--acm-text-dark);
    background: #fff;
    resize: vertical;
}

.form-textarea:focus[b-7drmyhyq26] {
    border-color: var(--acm-blue);
}

.req[b-7drmyhyq26] {
    color: #DC2626;
}

.checkbox-field label[b-7drmyhyq26] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
}

/* ===== REFERENCES BLOCK ===== */
.ref-block[b-7drmyhyq26] {
    background: var(--acm-off-white);
    padding: 24px;
    margin: 24px 0;
}

.ref-heading[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-text-dark);
    margin: 0 0 20px;
}

.ref-group[b-7drmyhyq26] {
    margin-bottom: 20px;
}

.ref-group:last-child[b-7drmyhyq26] {
    margin-bottom: 0;
}

.ref-label[b-7drmyhyq26] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin: 0 0 12px;
}

/* ===== QUESTIONS / CONTACT SECTION ===== */
.questions-section[b-7drmyhyq26] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.questions-inner[b-7drmyhyq26] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 56px;
    align-items: center;
}

.questions-heading[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 40px);
    color: #fff;
    margin: 0 0 16px;
}

.questions-body[b-7drmyhyq26] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.7;
    margin: 0;
}

.contact-card[b-7drmyhyq26] {
    background: #fff;
    padding: 36px 32px;
}

.contact-card-name[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--acm-text-dark);
    margin: 0 0 4px;
}

.contact-card-title[b-7drmyhyq26] {
    font-size: 14px;
    color: var(--acm-gray-600);
    margin: 0 0 20px;
}

.contact-card-link[b-7drmyhyq26] {
    display: block;
    color: var(--acm-blue);
    font-size: 14px;
    margin-bottom: 8px;
    text-decoration: none;
}

.contact-card-link:hover[b-7drmyhyq26] {
    text-decoration: underline;
}

.contact-card-btn[b-7drmyhyq26] {
    margin-top: 20px;
    display: inline-block;
}

/* ===== MODAL ===== */
.modal-overlay[b-7drmyhyq26] {
    position: fixed;
    inset: 0;
    background: rgba(15, 30, 61, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-box[b-7drmyhyq26] {
    background: #fff;
    padding: 48px;
    max-width: 480px;
    width: 90%;
}

.modal-title[b-7drmyhyq26] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: var(--acm-text-dark);
    margin: 0 0 16px;
}

.modal-body[b-7drmyhyq26] {
    font-size: 16px;
    color: var(--acm-gray-600);
    line-height: 1.7;
    margin: 0 0 32px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .steps-track[b-7drmyhyq26] {
        flex-direction: column;
        align-items: center;
    }

    .step-connector[b-7drmyhyq26] {
        width: 2px;
        height: 24px;
        margin: 0 auto;
    }

    .steps-inner[b-7drmyhyq26] {
        padding: 0 24px;
    }

    .cat-inner[b-7drmyhyq26] {
        padding: 0 24px;
    }

    .forms-inner[b-7drmyhyq26] {
        padding: 0 24px;
    }

    .form-row-2[b-7drmyhyq26] {
        grid-template-columns: 1fr;
    }

    .questions-inner[b-7drmyhyq26] {
        grid-template-columns: 1fr;
        padding: 0 24px;
    }
}
/* /Pages/Membership/MembershipBenifits.razor.rz.scp.css */
/* ── Section Eyebrow ─────────────────────────────────────────────── */
.section-eyebrow[b-z00zbcs6b7] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

.text-centre[b-z00zbcs6b7] { text-align: center; }

/* ── 10.2 Value Statement ────────────────────────────────────────── */
.value-statement[b-z00zbcs6b7] {
    background: var(--acm-white);
}

.value-grid[b-z00zbcs6b7] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 64px;
    align-items: center;
}

.value-headline[b-z00zbcs6b7] {
    font-size: clamp(28px, 3.5vw, 40px);
    color: var(--acm-text-dark);
    margin-bottom: 20px;
    line-height: 1.2;
}

.value-body[b-z00zbcs6b7] {
    font-size: 17px;
    line-height: 1.7;
    color: var(--acm-gray-600);
    max-width: 640px;
}

.stat-pills[b-z00zbcs6b7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.stat-pill[b-z00zbcs6b7] {
    background: var(--acm-navy);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stat-numeral[b-z00zbcs6b7] {
    font-family: 'Lexend', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
}

.stat-label[b-z00zbcs6b7] {
    font-size: 13px;
    font-weight: 500;
    color: var(--acm-white);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ── 10.3 Benefits Grid ──────────────────────────────────────────── */
.benefits-grid-section[b-z00zbcs6b7] {
    background: var(--acm-off-white);
}

.benefits-grid[b-z00zbcs6b7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.benefit-card[b-z00zbcs6b7] {
    background: var(--acm-navy);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.benefit-card:hover[b-z00zbcs6b7] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.benefit-icon[b-z00zbcs6b7] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit-title[b-z00zbcs6b7] {
    font-size: 16px;
    font-weight: 700;
    color: var(--acm-white);
    font-family: 'Lexend', sans-serif;
}

.benefit-desc[b-z00zbcs6b7] {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    flex: 1;
}

/* ── 10.4 Research Highlight ─────────────────────────────────────── */
.research-highlight[b-z00zbcs6b7] {
    background: var(--acm-blue);
    padding: 48px 0;
}

.research-row[b-z00zbcs6b7] {
    display: flex;
    align-items: center;
    gap: 32px;
}

.research-icon[b-z00zbcs6b7] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.research-copy[b-z00zbcs6b7] {
    flex: 1;
    font-size: 18px;
    line-height: 1.6;
    color: var(--acm-white);
    font-weight: 500;
}

.btn-navy[b-z00zbcs6b7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--acm-navy);
    color: var(--acm-white);
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
    text-decoration: none;
    flex-shrink: 0;
}

.btn-navy:hover[b-z00zbcs6b7] {
    background: var(--acm-text-dark);
}

/* ── 10.5 Fees Table ─────────────────────────────────────────────── */
.fees-section[b-z00zbcs6b7] {
    background: var(--acm-white);
}

.fees-intro[b-z00zbcs6b7] {
    font-size: 16px;
    line-height: 1.7;
    color: var(--acm-gray-600);
    margin-bottom: 36px;
    max-width: 780px;
}

.fees-table-wrap[b-z00zbcs6b7] {
    overflow-x: auto;
    margin-bottom: 24px;
}

.fees-table[b-z00zbcs6b7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.fees-table thead tr[b-z00zbcs6b7] {
    background: var(--acm-navy);
    color: var(--acm-white);
}

.fees-table thead th[b-z00zbcs6b7] {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.fees-table tbody tr.row-even[b-z00zbcs6b7] {
    background: var(--acm-white);
}

.fees-table tbody tr.row-odd[b-z00zbcs6b7] {
    background: var(--acm-gray-100);
}

.fees-table tbody td[b-z00zbcs6b7] {
    padding: 14px 20px;
    color: var(--acm-text-dark);
    border-bottom: 1px solid var(--acm-gray-200);
}

.cat-name[b-z00zbcs6b7] {
    font-weight: 600;
}

.fee-amount[b-z00zbcs6b7] {
    font-weight: 700;
    color: var(--acm-lime-hover) !important;
    font-family: 'Lexend', sans-serif;
    font-size: 16px;
}

.fees-notes[b-z00zbcs6b7] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fees-notes li[b-z00zbcs6b7] {
    font-size: 13px;
    color: var(--acm-gray-600);
    padding-left: 16px;
    position: relative;
}

.fees-notes li[b-z00zbcs6b7]::before {
    content: "—";
    position: absolute;
    left: 0;
    color: var(--acm-gray-400);
}

/* ── 10.6 CTA Block ──────────────────────────────────────────────── */
.cta-block[b-z00zbcs6b7] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.cta-inner[b-z00zbcs6b7] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.cta-headline[b-z00zbcs6b7] {
    font-size: clamp(28px, 3.5vw, 42px);
    color: var(--acm-white);
}

.cta-sub[b-z00zbcs6b7] {
    font-size: 17px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.72);
    max-width: 680px;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 1023px) {
    .value-grid[b-z00zbcs6b7] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .stat-pills[b-z00zbcs6b7] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .stat-pill[b-z00zbcs6b7] {
        flex: 1;
        min-width: 160px;
    }

    .benefits-grid[b-z00zbcs6b7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .research-row[b-z00zbcs6b7] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .benefits-grid[b-z00zbcs6b7] {
        grid-template-columns: 1fr;
    }

    .stat-pills[b-z00zbcs6b7] {
        flex-direction: column;
    }

    .research-row[b-z00zbcs6b7] {
        gap: 20px;
    }
}
/* /Pages/Membership/OurMembers.razor.rz.scp.css */
/* ===== FILTER BAR ===== */
.filter-bar-wrap[b-dpknz805f5] {
    background: #fff;
    position: sticky;
    top: var(--nav-height, 80px);
    border-bottom: 1px solid var(--acm-gray-200);
    z-index: 100;
    padding: 16px 0 0;
}

.filter-bar[b-dpknz805f5] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px 16px;
}

.search-field[b-dpknz805f5] {
    flex: 1;
    position: relative;
}

.search-icon[b-dpknz805f5] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    pointer-events: none;
}

.search-input[b-dpknz805f5] {
    width: 100%;
    height: 48px;
    padding: 0 16px 0 40px;
    border: 1px solid var(--acm-gray-200);
    font-size: 14px;
    font-family: Inter, sans-serif;
    background: #fff;
    color: var(--acm-text-dark);
    outline: none;
    box-sizing: border-box;
}

.search-input:focus[b-dpknz805f5] {
    border-color: var(--acm-blue);
}

.filter-field[b-dpknz805f5] {
    display: flex;
    align-items: center;
}

.category-select[b-dpknz805f5] {
    height: 48px;
    min-width: 200px;
    border: 1px solid var(--acm-gray-200);
    padding: 0 16px;
    font-size: 14px;
    font-family: Inter, sans-serif;
    background: #fff;
    color: var(--acm-text-dark);
    outline: none;
    cursor: pointer;
}

.category-select:focus[b-dpknz805f5] {
    border-color: var(--acm-blue);
}

.filter-meta[b-dpknz805f5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 64px;
    max-width: var(--content-max);
    margin: 0 auto;
}

.result-count[b-dpknz805f5] {
    font-size: 13px;
    color: var(--acm-gray-600);
}

.filter-tag[b-dpknz805f5] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    background: var(--acm-lime);
    color: var(--acm-navy);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 10px;
    border: none;
    cursor: pointer;
    font-family: Inter, sans-serif;
}

/* ===== MEMBERS SECTION ===== */
.members-section[b-dpknz805f5] {
    background: #fff;
    padding: 48px 0 80px;
}

.members-grid[b-dpknz805f5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* ===== MEMBER CARD ===== */
.member-card[b-dpknz805f5] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--acm-gray-200);
    transition: border-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out), transform 200ms var(--ease-out);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    cursor: default;
}

.member-card:hover[b-dpknz805f5] {
    border-left: 4px solid var(--acm-blue);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.member-logo-area[b-dpknz805f5] {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-bottom: 1px solid var(--acm-gray-100);
    background: #fff;
}

.member-logo-img[b-dpknz805f5] {
    max-height: 60px;
    max-width: 120px;
    object-fit: contain;
}

.member-logo-initials[b-dpknz805f5] {
    width: 60px;
    height: 60px;
    background: var(--acm-navy);
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-logo-initials span[b-dpknz805f5] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--acm-white);
}

.member-card-body[b-dpknz805f5] {
    padding: 16px 20px;
    flex: 1;
}

.member-category-tag[b-dpknz805f5] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--acm-blue);
    display: block;
    margin-bottom: 8px;
}

.member-name[b-dpknz805f5] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--acm-text-dark);
    margin: 0 0 8px;
}

.member-description[b-dpknz805f5] {
    font-size: 13px;
    color: var(--acm-gray-600);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.member-card-footer[b-dpknz805f5] {
    padding: 12px 20px 16px;
    border-top: 1px solid var(--acm-gray-100);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.member-link[b-dpknz805f5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--acm-blue);
    text-decoration: none;
}

.member-link:hover[b-dpknz805f5] {
    text-decoration: underline;
}

/* ===== EMPTY STATE ===== */
.empty-state[b-dpknz805f5] {
    text-align: center;
    padding: 80px 32px;
    max-width: 480px;
    margin: 0 auto;
}

.empty-icon[b-dpknz805f5] {
    margin-bottom: 24px;
}

.empty-heading[b-dpknz805f5] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: var(--acm-text-dark);
    margin: 0 0 12px;
}

.empty-body[b-dpknz805f5] {
    font-size: 15px;
    color: var(--acm-gray-600);
    margin: 0 0 24px;
}

.clear-filters-btn[b-dpknz805f5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    color: var(--acm-blue);
    font-size: 15px;
    cursor: pointer;
    font-family: Inter, sans-serif;
    padding: 0;
}

.clear-filters-btn:hover[b-dpknz805f5] {
    text-decoration: underline;
}

/* ===== CTA SECTION ===== */
.members-cta[b-dpknz805f5] {
    background: var(--acm-navy);
    padding: 80px 0;
}

.members-cta-inner[b-dpknz805f5] {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.members-cta-copy[b-dpknz805f5] {
    flex: 1;
}

.members-cta-headline[b-dpknz805f5] {
    font-family: Lexend, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 40px);
    color: var(--acm-white);
    margin: 0 0 12px;
}

.members-cta-sub[b-dpknz805f5] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.72);
    max-width: 560px;
    margin: 0;
}

.btn-group[b-dpknz805f5] {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .members-grid[b-dpknz805f5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .filter-bar[b-dpknz805f5] {
        flex-direction: column;
        padding: 0 24px 16px;
    }

    .filter-meta[b-dpknz805f5] {
        padding: 8px 24px;
    }

    .members-grid[b-dpknz805f5] {
        grid-template-columns: 1fr;
    }

    .members-cta-inner[b-dpknz805f5] {
        flex-direction: column;
        padding: 0 24px;
        text-align: center;
    }

    .members-cta-sub[b-dpknz805f5] {
        max-width: 100%;
    }

    .btn-group[b-dpknz805f5] {
        justify-content: center;
    }
}
/* /Pages/Membership/WhyJoin.razor.rz.scp.css */
/* ── Eyebrows ─────────────────────────────────────────────────────── */
.section-eyebrow[b-4psc83f9eh] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-blue);
    margin-bottom: 12px;
}

.section-eyebrow-lime[b-4psc83f9eh] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--acm-lime);
    margin-bottom: 12px;
}

/* ── 11.2 Narrative ──────────────────────────────────────────────── */
.narrative[b-4psc83f9eh] {
    background: var(--acm-white);
}

.narrative-headline[b-4psc83f9eh] {
    font-size: clamp(26px, 3.5vw, 40px);
    color: var(--acm-text-dark);
    margin-bottom: 24px;
    max-width: 760px;
}

.narrative-body[b-4psc83f9eh] {
    font-size: 17px;
    line-height: 1.8;
    color: var(--acm-gray-600);
    max-width: 760px;
}

/* ── 11.3 Reasons Grid ───────────────────────────────────────────── */
.reasons[b-4psc83f9eh] {
    background: var(--acm-off-white);
}

.reasons-grid[b-4psc83f9eh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.reason-card[b-4psc83f9eh] {
    background: var(--acm-navy);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}

.reason-card:hover[b-4psc83f9eh] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.reason-numeral[b-4psc83f9eh] {
    font-family: 'Lexend', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--acm-lime);
    line-height: 1;
}

.reason-title[b-4psc83f9eh] {
    font-size: 17px;
    font-weight: 700;
    color: var(--acm-white);
    font-family: 'Lexend', sans-serif;
}

.reason-body[b-4psc83f9eh] {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.7);
}

/* ── 11.4 Member Voices ──────────────────────────────────────────── */
.member-voices[b-4psc83f9eh] {
    background: var(--acm-navy);
}

.quotes-grid[b-4psc83f9eh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 36px;
}

.quote-card[b-4psc83f9eh] {
    border-left: 4px solid var(--acm-blue);
    padding: 24px 28px;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: background 200ms var(--ease-out), border-left-color 200ms var(--ease-out);
}

.quote-card:hover[b-4psc83f9eh] {
    background: rgba(255, 255, 255, 0.07);
    border-left-color: var(--acm-lime);
}

.quote-text[b-4psc83f9eh] {
    font-size: 16px;
    line-height: 1.7;
    color: var(--acm-white);
    font-style: italic;
    flex: 1;
}

.quote-attribution[b-4psc83f9eh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.quote-name[b-4psc83f9eh] {
    font-weight: 700;
    font-size: 14px;
    color: var(--acm-lime);
    font-family: 'Lexend', sans-serif;
}

.quote-org[b-4psc83f9eh] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
}

/* ── 11.5 Audience Tabs ──────────────────────────────────────────── */
.audience-section[b-4psc83f9eh] {
    background: var(--acm-white);
}

.tabs-nav[b-4psc83f9eh] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--acm-gray-200);
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.tab-btn[b-4psc83f9eh] {
    background: none;
    border: none;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 600;
    color: var(--acm-gray-600);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
    font-family: 'Inter', sans-serif;
}

.tab-btn:hover[b-4psc83f9eh] {
    color: var(--acm-blue);
}

.tab-btn--active[b-4psc83f9eh] {
    color: var(--acm-blue);
    border-bottom-color: var(--acm-blue);
}

.tab-panel[b-4psc83f9eh] {
    display: none;
}

.tab-panel--active[b-4psc83f9eh] {
    display: block;
}

.tab-content-grid[b-4psc83f9eh] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 48px;
    align-items: start;
}

.tab-headline[b-4psc83f9eh] {
    font-size: 24px;
    color: var(--acm-text-dark);
    margin-bottom: 16px;
    font-family: 'Lexend', sans-serif;
}

.tab-body[b-4psc83f9eh] {
    font-size: 16px;
    line-height: 1.75;
    color: var(--acm-gray-600);
}

.tab-cta-card[b-4psc83f9eh] {
    background: var(--acm-navy);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cta-card-heading[b-4psc83f9eh] {
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--acm-white);
}

.cta-card-sub[b-4psc83f9eh] {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 8px;
}

/* ── 11.6 Final CTA ──────────────────────────────────────────────── */
.final-cta[b-4psc83f9eh] {
    background: var(--acm-blue);
    padding: 80px 0;
}

.final-cta-inner[b-4psc83f9eh] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.final-cta-headline[b-4psc83f9eh] {
    font-size: clamp(28px, 3.5vw, 44px);
    color: var(--acm-white);
}

.final-cta-sub[b-4psc83f9eh] {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 8px;
}

.btn-white-navy[b-4psc83f9eh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--acm-white);
    color: var(--acm-navy);
    font-size: 15px;
    font-weight: 700;
    padding: 14px 28px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
}

.btn-white-navy:hover[b-4psc83f9eh] {
    background: var(--acm-off-white);
}

.btn-outline-white[b-4psc83f9eh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--acm-white);
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    text-decoration: none;
}

.btn-outline-white:hover[b-4psc83f9eh] {
    border-color: var(--acm-white);
    background: rgba(255, 255, 255, 0.08);
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 1023px) {
    .reasons-grid[b-4psc83f9eh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .quotes-grid[b-4psc83f9eh] {
        grid-template-columns: 1fr;
    }

    .tab-content-grid[b-4psc83f9eh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .reasons-grid[b-4psc83f9eh] {
        grid-template-columns: 1fr;
    }

    .tabs-nav[b-4psc83f9eh] {
        flex-direction: column;
        border-bottom: none;
    }

    .tab-btn[b-4psc83f9eh] {
        border-bottom: 2px solid var(--acm-gray-200);
        margin-bottom: 0;
        text-align: left;
    }

    .tab-btn--active[b-4psc83f9eh] {
        border-bottom-color: var(--acm-blue);
        background: var(--acm-gray-100);
    }
}
/* /SiteDownQuickFix/Conference2026.razor.rz.scp.css */
/* ── Hero ─────────────────────────────────────────────────────── */

.conf-hero[b-lbft6kb490] {
    position: relative;
    width: 100%;
    height: 100vh; /* fallback for older browsers */
    height: 100svh; /* small viewport height — stays within visible area even when mobile browser chrome is visible */
    min-height: 480px; /* never collapses on very short screens */
    overflow: hidden;
    background: var(--acm-dark);
    display: flex;
    align-items: center;
    justify-content: center;
}

.conf-hero__img[b-lbft6kb490] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Dark gradient overlay — stronger so logo text reads on any photo at any screen size */
.conf-hero__overlay[b-lbft6kb490] {
    position: absolute;
    inset: 0;
    background: /* radial vignette centred on the logo to maximise contrast there */ radial-gradient(ellipse 70% 60% at 50% 50%, rgba(var(--acm-dark-rgb), 0.55) 0%, transparent 100%),
        /* overall directional fade */ linear-gradient(160deg, rgba(var(--acm-dark-rgb), 0.5) 0%, rgba(var(--acm-dark-rgb), 0.7) 55%, rgba(var(--acm-dark-rgb), 0.92) 100%);
    pointer-events: none;
    z-index: 1;
}

/* Logo + date pill, centered */
.conf-hero__content[b-lbft6kb490] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    padding: 48px 32px 96px; /* bottom padding clears the scroll hint */
    width: 100%;
    text-align: center;
}

.conf-hero__logo[b-lbft6kb490] {
    max-width: min(900px, 78%);
    width: 100%;
    height: auto;
    filter: drop-shadow(0 4px 32px rgba(0, 0, 0, 0.5));
}

.conf-hero__meta[b-lbft6kb490] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(var(--acm-dark-rgb), 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 12px 22px;
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--acm-white);
    letter-spacing: 0.01em;
}

/* Scroll hint */
.conf-hero__scroll[b-lbft6kb490] {
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: var(--acm-white);
    text-decoration: none;
    animation: conf-bounce-b-lbft6kb490 2.2s ease-in-out infinite;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.conf-hero__scroll:hover[b-lbft6kb490],
.conf-hero__scroll:focus-visible[b-lbft6kb490] {
    opacity: 1;
    outline: 2px solid var(--acm-blue);
    outline-offset: 4px;
}

.conf-hero__scroll-text[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

@keyframes conf-bounce-b-lbft6kb490 {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(9px);
    }
}

@media (max-height: 420px) {
    .conf-hero__scroll[b-lbft6kb490] {
        display: none;
    }
}

@media (max-width: 767px) {
    /* 100svh already fills the screen — just tweak layout */
    .conf-hero__content[b-lbft6kb490] {
        padding: 32px 16px 80px;
        gap: 20px;
    }

    /* Larger on mobile so text in the logo PNG is legible */
    .conf-hero__logo[b-lbft6kb490] {
        max-width: 92%;
        min-width: 260px;
    }

    .conf-hero__meta[b-lbft6kb490] {
        font-size: 0.8125rem;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        padding: 10px 16px;
    }

    .conf-hero__scroll[b-lbft6kb490] {
        bottom: 24px;
    }
}

/* Extra-small phones — push logo to near full width */
@media (max-width: 380px) {
    .conf-hero__logo[b-lbft6kb490] {
        max-width: 96%;
        min-width: 220px;
    }
}

/* ── Info ─────────────────────────────────────────────────────── */
.conf-info[b-lbft6kb490] {
    background: var(--acm-navy);
    padding: 72px 24px;
    display: flex;
    justify-content: center;
}

.conf-info__container[b-lbft6kb490] {
    width: 100%;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* Header */
.conf-info__header[b-lbft6kb490] {
    text-align: center;
}

.conf-info__label[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--acm-blue-light);
    margin: 0 0 8px;
}

.conf-info__title[b-lbft6kb490] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    color: var(--acm-white);
    margin: 0 0 12px;
    letter-spacing: 0.04em;
    line-height: 1;
    font-weight: 500;
    text-align: center;
}

.conf-info__tagline[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: var(--acm-gray-400);
    margin: 0 0 16px;
    font-style: italic;
}

.conf-info__desc[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    color: var(--acm-gray-200);
    margin: 0;
    line-height: 1.6;
}

.conf-info__desc strong[b-lbft6kb490] {
    color: var(--acm-white);
}

/* Date / venue row */
.conf-info__meta[b-lbft6kb490] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--acm-navy-mid);
    padding: 16px 24px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--acm-white);
}

/* Divider */
.conf-info__divider[b-lbft6kb490] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

/* Pricing grid */
.conf-info__pricing[b-lbft6kb490] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.conf-info__pricing-heading[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--acm-blue-light);
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.conf-info__pricing-list[b-lbft6kb490] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.conf-info__pricing-item[b-lbft6kb490] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.conf-info__pricing-type[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--acm-gray-200);
}

.conf-info__pricing-rates[b-lbft6kb490] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.conf-info__rate[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    color: var(--acm-gray-400);
}

.conf-info__rate strong[b-lbft6kb490] {
    color: var(--acm-white);
    font-weight: 700;
}

/* Footer */
.conf-info__footer[b-lbft6kb490] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.conf-info__deadline[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    color: var(--acm-gray-400);
    margin: 0;
}

.conf-info__deadline strong[b-lbft6kb490] {
    color: var(--acm-white);
}

.conf-info__email-link[b-lbft6kb490] {
    color: var(--acm-blue-light);
    text-decoration: none;
}

.conf-info__email-link:hover[b-lbft6kb490],
.conf-info__email-link:focus-visible[b-lbft6kb490] {
    text-decoration: underline;
    outline: none;
}

/* ── Documents ────────────────────────────────────────────────── */
.conf-docs[b-lbft6kb490] {
    background: var(--acm-dark);
    padding: 80px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.conf-docs__container[b-lbft6kb490] {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 56px;
}

/* Section intro */
.conf-docs__intro[b-lbft6kb490] {
    text-align: center;
}

.conf-docs__label[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--acm-blue-light);
    margin: 0 0 10px;
}

.conf-docs__title[b-lbft6kb490] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 500;
    color: var(--acm-white);
    margin: 0 0 12px;
    line-height: 1.15;
}

.conf-docs__subtitle[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: var(--acm-gray-400);
    margin: 0;
}

/* Quick-download cards */
.conf-docs__cards[b-lbft6kb490] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.conf-docs__card[b-lbft6kb490] {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--acm-navy-mid);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 24px;
    transition: border-color 0.2s ease;
}

.conf-docs__card:hover[b-lbft6kb490] {
    border-color: rgba(255, 255, 255, 0.18);
}

.conf-docs__card-icon[b-lbft6kb490] {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    background: rgba(var(--acm-navy-rgb), 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.conf-docs__card-body[b-lbft6kb490] {
    flex: 1;
    min-width: 0;
}

.conf-docs__card-title[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--acm-white);
    margin: 0 0 4px;
}

.conf-docs__card-sub[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    color: var(--acm-gray-400);
    margin: 0;
}

.conf-docs__card-btn[b-lbft6kb490] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    height: 44px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--acm-white);
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.conf-docs__card-btn:hover[b-lbft6kb490] {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--acm-white);
}

.conf-docs__card-btn:focus-visible[b-lbft6kb490] {
    outline: 2px solid var(--acm-blue);
    outline-offset: 3px;
}

/* Embedded PDF viewers */
.conf-docs__embeds[b-lbft6kb490] {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.conf-docs__embed-block[b-lbft6kb490] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.conf-docs__embed-header[b-lbft6kb490] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;

    .conf-docs__embed-info {


        .conf-docs__embed-heading {
            font-family: 'Lexend', sans-serif;
            font-size: clamp(1.25rem, 3vw, 1.75rem);
            font-weight: 500;
            color: var(--acm-white);
            margin: 0;
            padding-bottom: 6px;
        }

        .conf-docs__embed-sub[b-lbft6kb490] {
            color: var(--acm-gray-400);
            margin-bottom: 10px;
        }
    }
    
    
}


/* Hidden by default on desktop/tablet. Only shown in the mobile breakpoint below. */
.conf-docs__mobile-preview[b-lbft6kb490] {
    display: none !important;


}

.conf-docs__embed-wrap[b-lbft6kb490] {
    background: var(--acm-navy-mid);
    border: 1px solid rgba(255, 255, 255, 0.08);
    /* Allow horizontal scroll so narrow screens can pan the PDF,
       but hide the scrollbar track — scrolling via touch/trackpad still works */
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE / Edge */
}

.conf-docs__embed-wrap[b-lbft6kb490]::-webkit-scrollbar {
    display: none; /* Chrome / Safari / Opera */
}

.conf-docs__iframe[b-lbft6kb490] {
    display: block;
    width: 100%;
    /* PDF pages are typically ~816 px wide at 96 dpi (US Letter).
       Setting a min-width means the iframe never gets squeezed below
       a readable size — the wrapper scrolls instead. */
    aspect-ratio: 1 / 1.45;
    border: none;
}

.conf-docs__embed-fallback[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    color: var(--acm-gray-400);
    padding: 40px 24px;
    text-align: center;
    margin: 0;
}

.conf-docs__embed-fallback a[b-lbft6kb490] {
    color: var(--acm-blue-light);
    text-decoration: none;
}

.conf-docs__embed-fallback a:hover[b-lbft6kb490] {
    text-decoration: underline;
}

/* ── Register ─────────────────────────────────────────────────── */
.conf-register[b-lbft6kb490] {
    background: var(--acm-navy);
    padding: 80px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.conf-register__container[b-lbft6kb490] {
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* Header */
.conf-register__header[b-lbft6kb490] {
    text-align: center;
}

.conf-register__title[b-lbft6kb490] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    color: var(--acm-white);
    margin: 0 0 12px;
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
}

.conf-register__subtitle[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: var(--acm-gray-400);
    margin: 0;
}

/* Name field */
.conf-register__field[b-lbft6kb490] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.conf-register__label[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--acm-white);
}

.conf-register__required[b-lbft6kb490] {
    color: var(--acm-error);
    margin-left: 2px;
}

.conf-register__input[b-lbft6kb490] {
    height: 48px;
    padding: 0 16px;
    background: var(--acm-navy-mid);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--acm-white);
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.conf-register__input[b-lbft6kb490]::placeholder {
    color: var(--acm-gray-600);
}

.conf-register__input:focus[b-lbft6kb490] {
    border-color: var(--acm-blue);
    box-shadow: 0 0 0 2px rgba(var(--acm-blue-rgb), 0.25);
}

/* Instruction notice */
.conf-register__notice[b-lbft6kb490] {
    background: var(--acm-navy-mid);
    border-left: 3px solid var(--acm-blue);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.conf-register__notice p[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    color: var(--acm-gray-200);
    margin: 0;
    line-height: 1.65;
}

.conf-register__notice strong[b-lbft6kb490] {
    color: var(--acm-white);
}

.conf-register__fallback[b-lbft6kb490] {
    font-size: 0.875rem !important;
    color: var(--acm-gray-400) !important;
}

.conf-register__email-link[b-lbft6kb490] {
    color: var(--acm-blue-light);
    text-decoration: none;
}

.conf-register__email-link:hover[b-lbft6kb490],
.conf-register__email-link:focus-visible[b-lbft6kb490] {
    text-decoration: underline;
    outline: none;
}

/* ── Venue Map ────────────────────────────────────────────────── */
.conf-map[b-lbft6kb490] {
    background: var(--acm-navy);
    padding: 0 24px 72px;
    display: flex;
    justify-content: center;
}

.conf-map__container[b-lbft6kb490] {
    width: 100%;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.conf-map__info[b-lbft6kb490] {
    text-align: center;
}

.conf-map__label[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--acm-blue-light);
    margin: 0 0 6px;
}

.conf-map__title[b-lbft6kb490] {
    font-family: 'Lexend', sans-serif;
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    color: var(--acm-white);
    margin: 0 0 6px;
}

.conf-map__subtitle[b-lbft6kb490] {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    color: var(--acm-gray-400);
    margin: 0;
}

.conf-map__wrap[b-lbft6kb490] {
    position: relative;
    width: 100%;
    height: 380px;
    background: var(--acm-navy-mid);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.conf-map__iframe[b-lbft6kb490] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
/ / filter: grayscale(0.8) contrast(1.1) invert(0.9) hue-rotate(180 deg); /* Modern, elegant dark themed map filter */
}

/* Action buttons */
.conf-register__actions[b-lbft6kb490] {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.conf-register__btn[b-lbft6kb490] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 32px;
    height: 52px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.2s var(--ease-out),
    border-color 0.2s var(--ease-out),
    color 0.2s var(--ease-out);
    white-space: nowrap;
    min-width: 160px;
}

.conf-register__btn:focus-visible[b-lbft6kb490] {
    outline: 2px solid var(--acm-blue);
    outline-offset: 3px;
}

.conf-register__btn--primary[b-lbft6kb490] {
    background: var(--acm-blue);
    border-color: var(--acm-blue);
    color: var(--acm-white);

    &:disabled {
        background: var(--acm-gray-600);
        border-color: var(--acm-gray-600);
        color: var(--acm-gray-400);
        cursor: not-allowed;
    }
}

.conf-register__btn--primary:hover[b-lbft6kb490] {
    background: var(--acm-blue-light);
    border-color: var(--acm-blue-light);

    &:disabled {
        background: var(--acm-gray-600);
        border-color: var(--acm-gray-600);
        color: var(--acm-gray-400);
        cursor: not-allowed;
    }
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .conf-info[b-lbft6kb490] {
        padding: 48px 16px;
    }

    .conf-info__pricing[b-lbft6kb490] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .conf-info__pricing-col[b-lbft6kb490] {
        text-align: center;
    }

    .conf-info__pricing-heading[b-lbft6kb490] {
        text-align: center;
    }

    .conf-info__pricing-item[b-lbft6kb490] {
        align-items: center;
    }

    .conf-info__pricing-rates[b-lbft6kb490] {
        align-items: center;
    }

    .conf-info__meta[b-lbft6kb490] {
        flex-wrap: wrap;
        text-align: center;
        gap: 8px;
        font-size: 0.9375rem;
    }

    .conf-map[b-lbft6kb490] {
        padding: 0 16px 48px;
    }

    .conf-map__wrap[b-lbft6kb490] {
        height: 280px;
    }

    .conf-docs[b-lbft6kb490] {
        padding: 56px 16px;
    }

    .conf-docs__container[b-lbft6kb490] {
        gap: 40px;
    }

    .conf-docs__embed-header[b-lbft6kb490] {
        flex-direction: column;

        .conf-docs__embed-info {

            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            
            .conf-docs__embed-heading {

            }

            .conf-docs__embed-sub[b-lbft6kb490] {

            }
        }
        
        .conf-docs__card-btn[b-lbft6kb490] {
            padding: 0 14px;
            font-size: 0.8125rem;
            margin-bottom: 10px;
            align-self: center;
            display: none;
        }
    }


/*    .conf-docs__iframe {
        height: 75vh; !* rich vertical height on mobile viewports *!
        min-height: 480px;
    }*/

    /* Hide iframe only on mobile, because mobile browsers handle PDF iframes poorly */
    .conf-docs__embed-wrap[b-lbft6kb490] {
        display: none;
    }

    /* Show the mobile PDF action card only on mobile */
    .conf-docs__mobile-preview[b-lbft6kb490] {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 40px 24px;
        background: var(--acm-navy-mid);
        border: 1px solid rgba(255, 255, 255, 0.08);
        text-align: center;


        .conf-docs__mobile-view-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            background: var(--acm-blue);
            color: var(--acm-white);
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 0.875rem;
            border-radius: var(--radius-sm);
            text-decoration: none;
            width: 100%;
            max-width: 220px;
            transition: background 0.2s ease;
            gap: 8px;

        }
        
        .conf-docs__mobile-view-btn-wrap[b-lbft6kb490]{
            display: flex;
            justify-content: center;
            width: 100%;
            gap: 20px;        }
    }

    .conf-docs__mobile-preview p[b-lbft6kb490] {
        font-family: 'Inter', sans-serif;
        font-size: 0.875rem;
        color: var(--acm-gray-200);
        max-width: 280px;
        margin: 0;
        line-height: 1.5;

   

    }

  

    .conf-docs__mobile-view-btn:active[b-lbft6kb490] {
        background: var(--acm-blue-light);
    }

    .conf-register[b-lbft6kb490] {
        padding: 56px 16px;
    }

    .conf-register__notice[b-lbft6kb490] {
        padding: 16px 18px;
    }

    .conf-register__actions[b-lbft6kb490] {
        flex-direction: column;
        gap: 12px;
    }

    .conf-register__btn[b-lbft6kb490] {
        width: 100%;
        min-width: unset;
    }
}