@import '_content/LeafletForBlazor/LeafletForBlazor.bundle.scp.css';
@import '_content/TXP.ComponentLibrary/TXP.ComponentLibrary.bundle.scp.css';

/* _content/MTW/Components/Blocks/Brand/MtwAccordionItem.razor.rz.scp.css */
.mtw-acc[b-dlpwuvhfj9] {
    background: var(--mtw-grey-light);
    border-radius: 40px;
    overflow: hidden;
}

.mtw-acc__header[b-dlpwuvhfj9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 40px;
    cursor: pointer;
    list-style: none;
}

.mtw-acc__header[b-dlpwuvhfj9]::-webkit-details-marker {
    display: none;
}

.mtw-acc__icon[b-dlpwuvhfj9] {
    flex: 0 0 auto;
    color: var(--mtw-ink);
    transition: transform 0.2s ease;
}

.mtw-acc[open] .mtw-acc__icon[b-dlpwuvhfj9] {
    transform: rotate(180deg);
}

.mtw-acc__body[b-dlpwuvhfj9] {
    padding: 0 40px 28px 40px;
}

@media (max-width: 1023px) {
    .mtw-acc[b-dlpwuvhfj9] { border-radius: 32px; }
    .mtw-acc__header[b-dlpwuvhfj9] { padding: 20px 28px; }
    .mtw-acc__body[b-dlpwuvhfj9] { padding: 0 28px 20px 28px; }
}

@media (max-width: 639px) {
    .mtw-acc__header[b-dlpwuvhfj9] { padding: 18px 24px; gap: 16px; }
    .mtw-acc__body[b-dlpwuvhfj9] { padding: 0 24px 18px 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwAdminNav.razor.rz.scp.css */
.mtw-admin-nav[b-7nq3wf2upg] {
    background: var(--mtw-grey-light);
    border-radius: 24px;
    padding: 24px 20px;
}

.mtw-admin-nav__title[b-7nq3wf2upg] {
    margin-bottom: 16px;
}

.mtw-admin-nav__list[b-7nq3wf2upg] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mtw-admin-nav__link[b-7nq3wf2upg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    color: var(--mtw-ink);
    text-decoration: none;
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 15px;
    transition: background 200ms ease, color 200ms ease;
}

.mtw-admin-nav__link:hover[b-7nq3wf2upg] {
    background: var(--mtw-white);
}

.mtw-admin-nav__link--active[b-7nq3wf2upg] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-admin-nav__icon[b-7nq3wf2upg] {
    font-size: 20px !important;
}

/* Label pushes the badge to the far right of the link row. */
.mtw-admin-nav__label[b-7nq3wf2upg] {
    flex: 1;
    min-width: 0;
}

/* Unread badge — small magenta pill on the right of the nav link, shown
   when there's something the admin should look at (new form submissions,
   new join-now signups waiting for member approval). Capped at "99+" so
   long-uncleared queues don't blow out the sidebar width. */
.mtw-admin-nav__badge[b-7nq3wf2upg] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 999px;
    min-width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.mtw-admin-nav__link--active .mtw-admin-nav__badge[b-7nq3wf2upg] {
    background: var(--mtw-lime);
    color: var(--mtw-ink);
}

.mtw-admin-nav__back[b-7nq3wf2upg] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #DDD;
    font-size: 13px;
}

.mtw-admin-nav__back a[b-7nq3wf2upg] {
    color: #777;
    text-decoration: none;
}

.mtw-admin-nav__back a:hover[b-7nq3wf2upg] {
    color: var(--mtw-magenta);
}
/* _content/MTW/Components/Blocks/Brand/MtwButton.razor.rz.scp.css */
/* MTW pill button — chunky 3D cushion style.
   Mirrors the existing .btn-primary / .btn-secondary feel from styles.css so brand
   buttons across the redesign and the legacy homepage feel like the same family. */
.mtw-btn[b-1l5uxas1y2] {
    display: inline-block;
    padding: 12px 36px;
    border-radius: 9999px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    outline: 3.5px solid var(--mtw-ink);
    box-shadow: 0 10px 0 3px var(--mtw-ink);
    transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease;
    margin-bottom: 13px; /* leaves room for the drop shadow so adjacent layout doesn't sit on it */
    white-space: nowrap;
}

.mtw-btn:active[b-1l5uxas1y2] {
    transform: translateY(5px);
    box-shadow: 0 0 0 0 var(--mtw-ink);
}

.mtw-btn:focus-visible[b-1l5uxas1y2] {
    outline: 3.5px solid var(--mtw-ink);
}

.mtw-btn--disabled[b-1l5uxas1y2],
.mtw-btn:disabled[b-1l5uxas1y2] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Outline pill — white bg, ink text */
.mtw-btn--outline[b-1l5uxas1y2] {
    background: var(--mtw-white);
    color: var(--mtw-ink);
}
.mtw-btn--outline:hover[b-1l5uxas1y2] {
    background: var(--mtw-white);
    color: var(--mtw-ink);
}

/* Filled pill — brand-colour bg, white text (or ink on lime for contrast) */
.mtw-btn--filled[b-1l5uxas1y2]                  { color: var(--mtw-white); }
.mtw-btn--filled.mtw-btn--lime[b-1l5uxas1y2]    { background: var(--mtw-lime);    color: var(--mtw-ink); }
.mtw-btn--filled.mtw-btn--magenta[b-1l5uxas1y2] { background: var(--mtw-magenta); }
.mtw-btn--filled.mtw-btn--purple[b-1l5uxas1y2]  { background: var(--mtw-purple); }
.mtw-btn--filled.mtw-btn--plum[b-1l5uxas1y2]    { background: var(--mtw-plum); }

.mtw-btn--filled:hover[b-1l5uxas1y2] { filter: brightness(1.05); }

@media (max-width: 639px) {
    .mtw-btn[b-1l5uxas1y2] {
        padding: 10px 24px;
        font-size: 14px;
        /* Allow long labels to wrap on narrow phones rather than blow out the
           page width. Example: "Download 'Overlooked: Generative AI…'" on the
           GenAI campaign page used to push the layout into horizontal scroll. */
        white-space: normal;
        max-width: 100%;
        word-break: break-word;
        line-height: 1.2;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwCampaignCards.razor.rz.scp.css */
.mtw-campaign-cards[b-oaqr0qx8mf] {
    max-width: 1200px;
    margin: 0 auto 48px;
    padding: 16px 24px 48px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
}

.mtw-campaign-cards__card[b-oaqr0qx8mf] {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    padding: 24px 24px 32px;
    color: var(--mtw-ink);
    background: var(--mtw-grey-light);
    transition: background 0.3s ease, color 0.3s ease;
}

.mtw-campaign-cards__head[b-oaqr0qx8mf] { margin-bottom: 16px; }

.mtw-campaign-cards__heading[b-oaqr0qx8mf] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.15;
    margin: 0 0 6px;
}

.mtw-campaign-cards__lead[b-oaqr0qx8mf] {
    font-family: var(--mtw-font-display);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.35;
    margin: 0;
    color: inherit;
}

.mtw-campaign-cards__body[b-oaqr0qx8mf] {
    font-family: var(--mtw-font-display);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    color: inherit;
}

.mtw-campaign-cards__media[b-oaqr0qx8mf] {
    display: block;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 4 / 3;
    margin-bottom: 16px;
}

.mtw-campaign-cards__media img[b-oaqr0qx8mf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.mtw-campaign-cards__cta[b-oaqr0qx8mf] {
    margin-top: auto;
    padding: 4px 10px 15px;
    display: flex;
    justify-content: center;
}

.mtw-campaign-cards__cta[b-oaqr0qx8mf]  .mtw-btn {
    margin-bottom: 0;
    max-width: 100%;
    white-space: normal;
    line-height: 1.2;
    padding: 12px 24px;
}

@media (min-width: 1024px) {
    .mtw-campaign-cards__card .mtw-campaign-cards__body[b-oaqr0qx8mf],
    .mtw-campaign-cards__card .mtw-campaign-cards__cta[b-oaqr0qx8mf] {
        max-height: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        transition: max-height 0.35s ease, opacity 0.3s ease 0.05s, margin 0.3s ease, padding 0.3s ease;
    }

    .mtw-campaign-cards:hover .mtw-campaign-cards__card .mtw-campaign-cards__body[b-oaqr0qx8mf] {
        max-height: 320px;
        opacity: 1;
        margin-bottom: 20px;
    }

    .mtw-campaign-cards:hover .mtw-campaign-cards__card .mtw-campaign-cards__cta[b-oaqr0qx8mf] {
        max-height: 140px;
        opacity: 1;
        padding: 4px 10px 15px;
        margin-top: 10px;
    }

    .mtw-campaign-cards__card:hover[b-oaqr0qx8mf] {
        background: var(--mtw-magenta);
        color: var(--mtw-white);
    }
}

@media (max-width: 1023px) {
    .mtw-campaign-cards[b-oaqr0qx8mf] { grid-template-columns: 1fr; }
    .mtw-campaign-cards__card[b-oaqr0qx8mf] {
        background: var(--mtw-magenta);
        color: var(--mtw-white);
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwCenteredCta.razor.rz.scp.css */
.mtw-centered-cta[b-dpmhhm4ybl] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
/* _content/MTW/Components/Blocks/Brand/MtwCookieBanner.razor.rz.scp.css */
/* ============================================================
   MtwCookieBanner — brand-styled cookie consent.
   Bottom-fixed banner + centred preferences modal.
   ============================================================ */

.mtw-cookies-banner[b-d9docaeq0h] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    background: var(--mtw-white);
    border-top: 6px solid var(--mtw-magenta);
    box-shadow: 0 -12px 32px rgba(23, 23, 23, 0.12);
    padding: 20px 24px;
    animation: mtw-cookies-slide-up-b-d9docaeq0h 0.35s cubic-bezier(.2,.9,.3,1.1);
}

@keyframes mtw-cookies-slide-up-b-d9docaeq0h {
    from { transform: translateY(100%); }
    to   { transform: translateY(0); }
}

.mtw-cookies-banner__inner[b-d9docaeq0h] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.mtw-cookies-banner__copy[b-d9docaeq0h] {
    flex: 1 1 360px;
    min-width: 0;
}

.mtw-cookies-banner__heading[b-d9docaeq0h] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.15;
    margin: 0 0 6px;
    color: var(--mtw-ink);
}

.mtw-cookies-banner__body[b-d9docaeq0h] {
    margin: 0;
    color: var(--mtw-ink);
    font-family: var(--mtw-font-display);
    font-size: 15px;
    line-height: 1.5;
}

.mtw-cookies-banner__actions[b-d9docaeq0h] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* Inline tertiary link — sits next to the two pill buttons.
   Uppercase + magenta + small caret to match the brand vibe
   without competing visually with the filled "Accept all" pill. */
.mtw-cookies-banner__more[b-d9docaeq0h] {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--mtw-magenta);
    font-family: var(--mtw-font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    cursor: pointer;
    padding: 10px 4px;
    transition: color 0.15s ease;
}

.mtw-cookies-banner__more:hover[b-d9docaeq0h] { color: var(--mtw-plum); text-decoration: underline; }

/* On narrow viewports, stack the copy + buttons and let the buttons
   spread to full width so the choice doesn't feel cramped. */
@media (max-width: 767px) {
    .mtw-cookies-banner[b-d9docaeq0h] { padding: 16px; }
    .mtw-cookies-banner__inner[b-d9docaeq0h] { flex-direction: column; align-items: stretch; gap: 16px; }
    .mtw-cookies-banner__heading[b-d9docaeq0h] { font-size: 20px; }
    .mtw-cookies-banner__actions[b-d9docaeq0h] { width: 100%; flex-direction: column; align-items: stretch; }
    .mtw-cookies-banner__actions[b-d9docaeq0h]  .mtw-btn { width: 100%; }
}

/* ── Preferences modal ───────────────────────────────────── */

.mtw-cookies-modal[b-d9docaeq0h] {
    position: fixed;
    inset: 0;
    z-index: 9001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: mtw-cookies-fade-in-b-d9docaeq0h 200ms ease;
}

@keyframes mtw-cookies-fade-in-b-d9docaeq0h {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.mtw-cookies-modal__backdrop[b-d9docaeq0h] {
    position: absolute;
    inset: 0;
    background: rgba(23, 23, 23, 0.55);
}

.mtw-cookies-modal__card[b-d9docaeq0h] {
    position: relative;
    background: var(--mtw-white);
    border-radius: 24px;
    padding: 40px 36px 32px;
    width: min(560px, 92vw);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(23, 23, 23, 0.22);
    animation: mtw-cookies-pop-b-d9docaeq0h 240ms cubic-bezier(.2,.9,.3,1.2);
}

@keyframes mtw-cookies-pop-b-d9docaeq0h {
    from { opacity: 0; transform: translateY(12px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.mtw-cookies-modal__close[b-d9docaeq0h] {
    position: absolute;
    top: 14px;
    right: 18px;
    background: transparent;
    border: 0;
    color: var(--mtw-magenta);
    cursor: pointer;
    font-family: var(--mtw-font-display);
    font-size: 22px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    line-height: 1;
    transition: transform 0.15s ease;
}
.mtw-cookies-modal__close:hover[b-d9docaeq0h] { transform: scale(1.15); }

.mtw-cookies-modal__heading[b-d9docaeq0h] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.1;
    margin: 0 0 8px;
    color: var(--mtw-ink);
}

.mtw-cookies-modal__body[b-d9docaeq0h] {
    margin: 0 0 8px;
    color: var(--mtw-ink);
    font-family: var(--mtw-font-display);
    font-size: 15px;
    line-height: 1.5;
}

.mtw-cookies-row[b-d9docaeq0h] {
    border-top: 1px solid #eee;
    padding: 18px 0;
}

.mtw-cookies-row__head[b-d9docaeq0h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 6px;
}

.mtw-cookies-row__head strong[b-d9docaeq0h] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 17px;
    color: var(--mtw-ink);
}

.mtw-cookies-row__locked[b-d9docaeq0h] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mtw-cookies-row__body[b-d9docaeq0h] {
    margin: 0;
    color: #555;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    line-height: 1.5;
}

/* Toggle switch — pill that flips from ink-grey to magenta. */
.mtw-cookies-toggle[b-d9docaeq0h] {
    appearance: none;
    border: 0;
    background: #d8d8d8;
    width: 56px;
    height: 32px;
    border-radius: 9999px;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease;
    flex-shrink: 0;
}

.mtw-cookies-toggle--on[b-d9docaeq0h] { background: var(--mtw-magenta); }

.mtw-cookies-toggle__knob[b-d9docaeq0h] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--mtw-white);
    transition: transform 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.mtw-cookies-toggle--on .mtw-cookies-toggle__knob[b-d9docaeq0h] {
    transform: translateX(24px);
}

.mtw-cookies-modal__actions[b-d9docaeq0h] {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}
/* _content/MTW/Components/Blocks/Brand/MtwFooter.razor.rz.scp.css */
/* Site-wide footer for public pages.
   Ink background, white text, lime accents on hover. Bleeds out of the
   .mtw-page container so the band reaches the viewport edges. */

.mtw-footer[b-xcp1j1o1ue] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
    margin-top: 96px;
    /* Bleed out of MtwLayout's .mtw-page (max-width 1280px). Same trick the
       MtwNavBar and TextBlock11 banner use. */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 64px 24px 0;
}

.mtw-footer__inner[b-xcp1j1o1ue] {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    /* 4-up on desktop. Quick Links / For Members / Newsletter / Get in Touch. */
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
    padding-bottom: 48px;
}

.mtw-footer__col[b-xcp1j1o1ue] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.mtw-footer__title[b-xcp1j1o1ue] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mtw-lime);
    margin: 0 0 4px;
}

.mtw-footer__body[b-xcp1j1o1ue] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* ─── Quick links list ─── */
.mtw-footer__list[b-xcp1j1o1ue] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mtw-footer__list a[b-xcp1j1o1ue] {
    color: var(--mtw-white);
    text-decoration: none;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 15px;
    transition: color 0.15s ease, padding-left 0.15s ease;
}

.mtw-footer__list a:hover[b-xcp1j1o1ue],
.mtw-footer__list a:focus-visible[b-xcp1j1o1ue] {
    color: var(--mtw-lime);
    padding-left: 4px;
    outline: none;
}

/* ─── Newsletter form ─── */
.mtw-footer__form-label[b-xcp1j1o1ue] {
    /* Visually hidden — label still present for screen readers. */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mtw-footer__form-row[b-xcp1j1o1ue] {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.mtw-footer__input[b-xcp1j1o1ue] {
    /* Override .mtw-input-base colours so the field works on the dark band. */
    flex: 1 1 auto;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--mtw-white);
    padding: 12px 14px;
    border-radius: 12px;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 15px;
    min-width: 0;       /* lets it shrink inside the flex row */
}

.mtw-footer__input[b-xcp1j1o1ue]::placeholder { color: rgba(255, 255, 255, 0.5); }

.mtw-footer__input:focus[b-xcp1j1o1ue] {
    outline: none;
    border-color: var(--mtw-lime);
    background: rgba(255, 255, 255, 0.14);
}

.mtw-footer__submit[b-xcp1j1o1ue] {
    appearance: none;
    border: 0;
    background: var(--mtw-lime);
    color: var(--mtw-ink);
    width: 48px;
    height: 48px;
    border-radius: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, transform 0.1s ease;
}

.mtw-footer__submit:hover:not(:disabled)[b-xcp1j1o1ue] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    transform: scale(1.05);
}

.mtw-footer__submit:disabled[b-xcp1j1o1ue] { opacity: 0.6; cursor: not-allowed; }

.mtw-footer__submit .material-symbols-outlined[b-xcp1j1o1ue] { font-size: 22px; }

.mtw-footer__error[b-xcp1j1o1ue] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 13px;
    color: var(--mtw-magenta);
    margin: 6px 0 0;
}

.mtw-footer__body--success[b-xcp1j1o1ue] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--mtw-lime);
}

/* ─── Contact + socials ─── */
.mtw-footer__email[b-xcp1j1o1ue] {
    color: var(--mtw-white);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 1px;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.mtw-footer__email:hover[b-xcp1j1o1ue],
.mtw-footer__email:focus-visible[b-xcp1j1o1ue] {
    color: var(--mtw-lime);
    border-color: var(--mtw-lime);
    outline: none;
}

.mtw-footer__socials[b-xcp1j1o1ue] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    gap: 12px;
}

.mtw-footer__socials a[b-xcp1j1o1ue] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: var(--mtw-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.mtw-footer__socials a:hover[b-xcp1j1o1ue],
.mtw-footer__socials a:focus-visible[b-xcp1j1o1ue] {
    background: var(--mtw-lime);
    color: var(--mtw-ink);
    transform: translateY(-2px);
    outline: none;
}

/* ─── Legal bar ─── */
.mtw-footer__legal[b-xcp1j1o1ue] {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 20px 0 28px;
}

.mtw-footer__legal-inner[b-xcp1j1o1ue] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 24px;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

.mtw-footer__legal-line[b-xcp1j1o1ue] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mtw-footer__legal a[b-xcp1j1o1ue],
.mtw-footer__legal-button[b-xcp1j1o1ue] {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    cursor: pointer;
    font: inherit;
    transition: color 0.15s ease;
}

.mtw-footer__legal a:hover[b-xcp1j1o1ue],
.mtw-footer__legal a:focus-visible[b-xcp1j1o1ue],
.mtw-footer__legal-button:hover[b-xcp1j1o1ue],
.mtw-footer__legal-button:focus-visible[b-xcp1j1o1ue] {
    color: var(--mtw-lime);
    outline: none;
}

/* ─── Responsive ─── */
@media (max-width: 1023px) {
    .mtw-footer__inner[b-xcp1j1o1ue] { grid-template-columns: repeat(2, 1fr); gap: 32px; }
}

@media (max-width: 639px) {
    .mtw-footer[b-xcp1j1o1ue] { padding-top: 48px; margin-top: 64px; }
    .mtw-footer__inner[b-xcp1j1o1ue] { grid-template-columns: 1fr; gap: 32px; }
    .mtw-footer__legal-inner[b-xcp1j1o1ue] { flex-direction: column; align-items: flex-start; gap: 6px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwHomeHero.razor.rz.scp.css */
/* Full-bleed hero. Text column is anchored to where a centred 1200px
   container would start (so the heading reads in a comfortable left
   gutter), while the photo column stretches all the way to the right
   viewport edge. */
.mtw-home-hero[b-8kgxkm07e2] {
    padding: 32px 0 56px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}

.mtw-home-hero__inner[b-8kgxkm07e2] {
    max-width: none;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 48px;
    align-items: center;
}

.mtw-home-hero__text[b-8kgxkm07e2] {
    max-width: 560px;
    margin-left: auto;
}

.mtw-home-hero__heading[b-8kgxkm07e2] {
    font-size: 56px;
    line-height: 1.05;
    margin: 0 0 24px;
}

.mtw-home-hero__body[b-8kgxkm07e2] {
    color: var(--mtw-ink);
    max-width: 480px;
    margin: 0 0 28px;
}

.mtw-home-hero__actions[b-8kgxkm07e2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mtw-home-hero__media[b-8kgxkm07e2] {
    position: relative;
    margin: 0;
}

.mtw-home-hero__photo[b-8kgxkm07e2] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: contain;
    object-position: right center;
}

@media (max-width: 1023px) {
    .mtw-home-hero[b-8kgxkm07e2] { padding: 32px 0 40px; }
    .mtw-home-hero__inner[b-8kgxkm07e2] { grid-template-columns: 1fr; gap: 24px; }
    .mtw-home-hero__text[b-8kgxkm07e2] { padding-left: 24px; padding-right: 24px; max-width: none; }
    .mtw-home-hero__heading[b-8kgxkm07e2] { font-size: 44px; }
    .mtw-home-hero__media[b-8kgxkm07e2] { padding: 0 24px; }
}

/* Narrow phones — let the heading wrap aggressively and stop long words
   forcing horizontal overflow inside the hero's overflow:hidden box. */
@media (max-width: 639px) {
    .mtw-home-hero__text[b-8kgxkm07e2] { padding-left: 16px; padding-right: 16px; }
    .mtw-home-hero__media[b-8kgxkm07e2] { padding: 0 16px; }
    .mtw-home-hero__heading[b-8kgxkm07e2] {
        font-size: 36px;
        line-height: 1.1;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }
    .mtw-home-hero__body[b-8kgxkm07e2] { max-width: 100%; }
}
/* _content/MTW/Components/Blocks/Brand/MtwIconCard.razor.rz.scp.css */
.mtw-icon-card[b-uulcb5f93t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 0 0 320px; /* fixed card width inside a flex row that wraps + centres */
}

@media (max-width: 639px) {
    .mtw-icon-card[b-uulcb5f93t] { flex: 0 0 100%; }
}

.mtw-icon-card__circle[b-uulcb5f93t] {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.mtw-icon-card__circle--lime[b-uulcb5f93t]    { background: var(--mtw-lime); }
.mtw-icon-card__circle--magenta[b-uulcb5f93t] { background: var(--mtw-magenta); }
.mtw-icon-card__circle--purple[b-uulcb5f93t]  { background: var(--mtw-purple); }
.mtw-icon-card__circle--plum[b-uulcb5f93t]    { background: var(--mtw-plum); }

.mtw-icon-card__icon[b-uulcb5f93t] {
    width: 50%;
    height: auto;
}

.mtw-icon-card__heading[b-uulcb5f93t] {
    margin-top: 24px;
    margin-bottom: 12px;
}

@media (max-width: 639px) {
    .mtw-icon-card__circle[b-uulcb5f93t] { width: 160px; height: 160px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwIconLinkGrid.razor.rz.scp.css */
.mtw-icon-link-grid[b-pgt5j25zu8] {
    max-width: 1200px;
    margin: 0 auto 32px;
    padding: 16px 24px 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.mtw-icon-link-grid__card[b-pgt5j25zu8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.mtw-icon-link-grid__circle[b-pgt5j25zu8] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--mtw-magenta);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: transform 0.2s ease;
}

.mtw-icon-link-grid__card:hover .mtw-icon-link-grid__circle[b-pgt5j25zu8] {
    transform: scale(1.04);
}

.mtw-icon-link-grid__icon[b-pgt5j25zu8] {
    font-size: 90px;
    color: var(--mtw-white);
    line-height: 1;
}

.mtw-icon-link-grid__heading[b-pgt5j25zu8] {
    margin: 0 0 8px;
}

.mtw-icon-link-grid__body[b-pgt5j25zu8] {
    margin: 0;
    color: var(--mtw-ink);
}

.mtw-icon-link-grid__cta[b-pgt5j25zu8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 15px;
    color: var(--mtw-magenta);
    transition: gap 0.15s ease, color 0.15s ease;
}

.mtw-icon-link-grid__cta .material-symbols-outlined[b-pgt5j25zu8] {
    font-size: 20px;
    transition: transform 0.15s ease;
}

.mtw-icon-link-grid__card:hover .mtw-icon-link-grid__cta[b-pgt5j25zu8],
.mtw-icon-link-grid__card:focus-visible .mtw-icon-link-grid__cta[b-pgt5j25zu8] {
    gap: 10px;
    color: var(--mtw-ink);
}

.mtw-icon-link-grid__card:hover .mtw-icon-link-grid__cta .material-symbols-outlined[b-pgt5j25zu8] {
    transform: translateX(2px);
}

@media (max-width: 1023px) {
    .mtw-icon-link-grid[b-pgt5j25zu8] { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .mtw-icon-link-grid__icon[b-pgt5j25zu8] { font-size: 80px; }
    .mtw-icon-link-grid__circle[b-pgt5j25zu8] { width: 160px; height: 160px; }
}

@media (max-width: 539px) {
    .mtw-icon-link-grid[b-pgt5j25zu8] { grid-template-columns: 1fr; }
}
/* _content/MTW/Components/Blocks/Brand/MtwIconPicker.razor.rz.scp.css */
/* MtwIconPicker — scoped styles. */

.mtw-icon-picker[b-ihot16frd4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ─── Current selection preview ─── */
.mtw-icon-picker__current[b-ihot16frd4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
}

.mtw-icon-picker__current-swatch[b-ihot16frd4] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    flex: 0 0 auto;
}

.mtw-icon-picker__current-swatch .material-symbols-outlined[b-ihot16frd4] {
    font-size: 28px;
    color: var(--mtw-ink, #171717);
}

.mtw-icon-picker__current-empty[b-ihot16frd4] {
    color: #c0c0c0;
    font-size: 24px;
    line-height: 1;
}

.mtw-icon-picker__current-meta[b-ihot16frd4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

.mtw-icon-picker__current-label[b-ihot16frd4] {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #888;
    line-height: 1.2;
}

.mtw-icon-picker__current-name[b-ihot16frd4] {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--mtw-ink, #171717);
    word-break: break-all;
}

.mtw-icon-picker__clear[b-ihot16frd4] {
    appearance: none;
    background: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 999px;
    padding: 6px 12px;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    color: #555;
    cursor: pointer;
    flex: 0 0 auto;
}

.mtw-icon-picker__clear:hover[b-ihot16frd4] {
    border-color: var(--mtw-magenta, #E3108B);
    color: var(--mtw-magenta, #E3108B);
}

/* ─── Search box ─── */
.mtw-icon-picker__search[b-ihot16frd4] {
    width: 100%;
}

/* ─── Grid of tiles ─── */
.mtw-icon-picker__grid[b-ihot16frd4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 8px;
    max-height: 360px;
    overflow-y: auto;
    padding: 8px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
}

.mtw-icon-picker__tile[b-ihot16frd4] {
    appearance: none;
    background: white;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 10px 6px 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    transition: border-color 0.12s ease, background 0.12s ease, transform 0.06s ease;
}

.mtw-icon-picker__tile:hover[b-ihot16frd4] {
    border-color: var(--mtw-purple, #814197);
    background: #fff;
    transform: translateY(-1px);
}

.mtw-icon-picker__tile:active[b-ihot16frd4] {
    transform: translateY(0);
}

.mtw-icon-picker__tile .material-symbols-outlined[b-ihot16frd4] {
    font-size: 28px;
    color: var(--mtw-ink, #171717);
    line-height: 1;
}

.mtw-icon-picker__tile-name[b-ihot16frd4] {
    font-family: Poppins, sans-serif;
    font-size: 11px;
    color: #555;
    word-break: break-all;
    line-height: 1.25;
}

.mtw-icon-picker__tile--active[b-ihot16frd4] {
    border-color: var(--mtw-purple, #814197);
    background: #f6efff;
    box-shadow: 0 0 0 2px rgba(129, 65, 151, 0.18);
}

.mtw-icon-picker__tile--active .material-symbols-outlined[b-ihot16frd4],
.mtw-icon-picker__tile--active .mtw-icon-picker__tile-name[b-ihot16frd4] {
    color: var(--mtw-purple, #814197);
}

/* ─── Empty state inside grid ─── */
.mtw-icon-picker__empty[b-ihot16frd4] {
    grid-column: 1 / -1;
    padding: 18px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    color: #888;
}

/* ─── Footer link ─── */
.mtw-icon-picker__foot[b-ihot16frd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
}

.mtw-icon-picker__foot-note[b-ihot16frd4] {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    color: #999;
}
/* _content/MTW/Components/Blocks/Brand/MtwImageBlock1.razor.rz.scp.css */
.mtw-ib1[b-jz8lf1fnn1] {
    padding: 56px 0;
    background: var(--mtw-white);
}

.mtw-ib1__row[b-jz8lf1fnn1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

@media (max-width: 1023px) {
    .mtw-ib1[b-jz8lf1fnn1] { padding: 48px 0; }
    .mtw-ib1__row[b-jz8lf1fnn1] { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

@media (max-width: 639px) {
    .mtw-ib1__row[b-jz8lf1fnn1] { grid-template-columns: 1fr; gap: 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwImageBlock2.razor.rz.scp.css */
.mtw-ib2[b-jf78lvil0f] {
    padding: 56px 0;
    background: var(--mtw-white);
    text-align: center;
}

.mtw-ib2__image[b-jf78lvil0f] {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

@media (max-width: 1023px) {
    .mtw-ib2[b-jf78lvil0f] { padding: 48px 0; }
}
/* _content/MTW/Components/Blocks/Brand/MtwImageBlock3.razor.rz.scp.css */
.mtw-ib3[b-anzjdukisk] {
    padding: 56px 0;
    background: var(--mtw-white);
}

.mtw-ib3__row[b-anzjdukisk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 48px 32px; /* row-gap col-gap */
}

@media (max-width: 1023px) {
    .mtw-ib3[b-anzjdukisk] { padding: 48px 0; }
    .mtw-ib3__row[b-anzjdukisk] { gap: 40px 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwImageBlock4.razor.rz.scp.css */
.mtw-ib4[b-izf5plpz62] {
    position: relative;
    border-radius: 9999px; /* stadium */
    overflow: hidden;
    aspect-ratio: 3 / 1;
}

.mtw-ib4__image[b-izf5plpz62] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Brand-colour overlay — sits over the photo. Tweak opacity per colour to keep
   the text readable; on hover the opacity bumps up slightly so it feels alive. */
.mtw-ib4__overlay[b-izf5plpz62] {
    position: absolute;
    inset: 0;
    opacity: 0.55;
    transition: opacity 0.3s ease;
}

.mtw-ib4--lime    .mtw-ib4__overlay[b-izf5plpz62] { background: var(--mtw-lime); }
.mtw-ib4--magenta .mtw-ib4__overlay[b-izf5plpz62] { background: var(--mtw-magenta); }
.mtw-ib4--purple  .mtw-ib4__overlay[b-izf5plpz62] { background: var(--mtw-purple); }
.mtw-ib4--plum    .mtw-ib4__overlay[b-izf5plpz62] { background: var(--mtw-plum); }

.mtw-ib4:hover .mtw-ib4__overlay[b-izf5plpz62] {
    opacity: 0.7;
}

.mtw-ib4__text[b-izf5plpz62] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--mtw-white);
    padding: 32px 64px;
}

@media (max-width: 1023px) {
    .mtw-ib4[b-izf5plpz62] { aspect-ratio: 5 / 2; }
    .mtw-ib4__text[b-izf5plpz62] { padding: 24px 48px; }
}

@media (max-width: 639px) {
    .mtw-ib4[b-izf5plpz62] { aspect-ratio: 3 / 2; border-radius: 32px; }
    .mtw-ib4__text[b-izf5plpz62] { padding: 16px 32px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwImageBlock5.razor.rz.scp.css */
.mtw-ib5[b-f3837nurxw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 64px;
    padding: 56px 0;
    background: var(--mtw-white);
}

.mtw-ib5__media[b-f3837nurxw] {
    display: flex;
    justify-content: center;
}

.mtw-ib5__image[b-f3837nurxw] {
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1023px) {
    .mtw-ib5[b-f3837nurxw] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 48px 0;
    }
    .mtw-ib5__image[b-f3837nurxw] {
        max-width: 360px;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwImageBlock6.razor.rz.scp.css */
.mtw-ib6[b-eajeh6n0k3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 64px;
    padding: 56px 0;
    background: var(--mtw-white);
}

.mtw-ib6__media[b-eajeh6n0k3] {
    position: relative;
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1 / 1;
    margin-right: auto;
}

.mtw-ib6__circle[b-eajeh6n0k3] {
    position: absolute;
    top: 0;
    bottom: 0;
    aspect-ratio: 1 / 1;
    height: 100%;
    width: auto;
    border-radius: 50%;
    transform: translateX(22%); /* peeks from the RIGHT */
    z-index: 1;
}

.mtw-ib6__circle--lime[b-eajeh6n0k3]    { background: var(--mtw-lime); }
.mtw-ib6__circle--magenta[b-eajeh6n0k3] { background: var(--mtw-magenta); }
.mtw-ib6__circle--purple[b-eajeh6n0k3]  { background: var(--mtw-purple); }
.mtw-ib6__circle--plum[b-eajeh6n0k3]    { background: var(--mtw-plum); }

.mtw-ib6__photo[b-eajeh6n0k3] {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.mtw-ib6__content[b-eajeh6n0k3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mtw-ib6__heading[b-eajeh6n0k3] {
    margin: 0;
}

.mtw-ib6__actions[b-eajeh6n0k3] {
    margin-top: 8px;
}

@media (max-width: 1023px) {
    .mtw-ib6[b-eajeh6n0k3] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 48px 0;
    }
    .mtw-ib6__media[b-eajeh6n0k3] {
        margin: 0 auto;
        max-width: 360px;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwImageCard.razor.rz.scp.css */
.mtw-image-card[b-9ssc5orwel] {
    display: flex;
    flex-direction: column;
}

/* Frame: fixed 4:3 aspect, rounded corners, soft fallback colour when
   the backdrop loads or for transparent PNGs. */
.mtw-image-card__media[b-9ssc5orwel] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 30px;
    overflow: hidden;
    background: var(--mtw-grey-light, #f2f2f2);
}

/* Backdrop: same image, blurred and stretched to fill the frame. Sits behind
   the contained image so off-aspect-ratio shots (wide logos, tall portraits)
   still feel grounded instead of floating on flat grey. */
.mtw-image-card__backdrop[b-9ssc5orwel] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(28px) saturate(1.15);
    transform: scale(1.15); /* hide blur edges */
    opacity: 0.6;
    pointer-events: none;
}

/* Foreground: full image, contained — never cropped. */
.mtw-image-card__image[b-9ssc5orwel] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.mtw-image-card__heading[b-9ssc5orwel] {
    margin-top: 24px;
    margin-bottom: 12px;
}

.mtw-image-card__body[b-9ssc5orwel] {
    flex: 1; /* push actions to the bottom of the card if heights differ */
}

.mtw-image-card__actions[b-9ssc5orwel] {
    margin-top: 20px;
}
/* _content/MTW/Components/Blocks/Brand/MtwImageCarousel.razor.rz.scp.css */
.mtw-image-carousel[b-a91g7508d3] {
    max-width: 960px;
    margin: 32px auto;
    padding: 0 24px;
}

.mtw-image-carousel__stage[b-a91g7508d3] {
    background: var(--mtw-grey-light, #f2f2f2);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(23, 23, 23, 0.12);
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mtw-image-carousel__stage img[b-a91g7508d3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mtw-image-carousel__controls[b-a91g7508d3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.mtw-image-carousel__arrow[b-a91g7508d3] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--mtw-ink);
    background: var(--mtw-white);
    color: var(--mtw-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.mtw-image-carousel__arrow:hover[b-a91g7508d3],
.mtw-image-carousel__arrow:focus-visible[b-a91g7508d3] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    outline: none;
    transform: scale(1.08);
}

.mtw-image-carousel__arrow .material-symbols-outlined[b-a91g7508d3] {
    font-size: 24px;
}

.mtw-image-carousel__dots[b-a91g7508d3] {
    display: flex;
    gap: 10px;
}

.mtw-image-carousel__dot[b-a91g7508d3] {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(23, 23, 23, 0.2);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

.mtw-image-carousel__dot:hover[b-a91g7508d3],
.mtw-image-carousel__dot:focus-visible[b-a91g7508d3] {
    background: rgba(23, 23, 23, 0.5);
    outline: none;
}

.mtw-image-carousel__dot--active[b-a91g7508d3] {
    background: var(--mtw-magenta);
    transform: scale(1.3);
}

.mtw-image-carousel__counter[b-a91g7508d3] {
    text-align: center;
    margin: 12px 0 0;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: #777;
}

@media (max-width: 639px) {
    .mtw-image-carousel[b-a91g7508d3] { padding: 0 16px; }
    .mtw-image-carousel__arrow[b-a91g7508d3] { width: 40px; height: 40px; }
    .mtw-image-carousel__dots[b-a91g7508d3] { gap: 8px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwJobCard.razor.rz.scp.css */
.mtw-job-card[b-yprt78b0ib] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-grey-light);
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: var(--mtw-ink);
    transition: transform 200ms ease, box-shadow 200ms ease;
    height: 100%;
    min-height: 320px;
}

.mtw-job-card:hover[b-yprt78b0ib],
.mtw-job-card:focus-visible[b-yprt78b0ib] {
    transform: translateY(-4px);
    box-shadow: 0 16px 28px rgba(23, 23, 23, 0.10);
}

.mtw-job-card__body[b-yprt78b0ib] {
    flex: 1;
    padding: 32px 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mtw-job-card__title[b-yprt78b0ib] {
    color: var(--mtw-ink);
    font-size: 22px;
    line-height: 1.25;
    margin: 0;
    /* clamp to 2 lines for grid alignment */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mtw-job-card__meta[b-yprt78b0ib] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: var(--mtw-font-display);
    font-size: 15px;
    line-height: 22px;
    color: var(--mtw-ink);
}

.mtw-job-card__row[b-yprt78b0ib] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mtw-job-card__icon[b-yprt78b0ib] {
    flex: 0 0 auto;
    font-size: 22px !important;
    color: var(--mtw-magenta);
}

.mtw-job-card__footer[b-yprt78b0ib] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    padding: 16px 28px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 15px;
    transition: background 200ms ease;
}

.mtw-job-card__footer .material-symbols-outlined[b-yprt78b0ib] {
    font-size: 22px !important;
    transition: transform 200ms ease;
}

.mtw-job-card:hover .mtw-job-card__footer[b-yprt78b0ib] {
    background: var(--mtw-purple);
}

.mtw-job-card:hover .mtw-job-card__footer .material-symbols-outlined[b-yprt78b0ib] {
    transform: translateX(4px);
}
/* _content/MTW/Components/Blocks/Brand/MtwJobCardSkeleton.razor.rz.scp.css */
.mtw-job-skel[b-fow6utsmak] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-grey-light);
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    min-height: 320px;
}

.mtw-job-skel__body[b-fow6utsmak] {
    flex: 1;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mtw-job-skel__title[b-fow6utsmak] {
    height: 26px;
    width: 80%;
    border-radius: 8px;
    background: rgba(23, 23, 23, 0.10);
    animation: mtw-pulse-b-fow6utsmak 1.5s ease-in-out infinite;
}

.mtw-job-skel__rows[b-fow6utsmak] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mtw-job-skel__row[b-fow6utsmak] {
    height: 14px;
    border-radius: 6px;
    background: rgba(23, 23, 23, 0.08);
    animation: mtw-pulse-b-fow6utsmak 1.5s ease-in-out infinite;
}

.mtw-job-skel__row--w70[b-fow6utsmak] { width: 70%; }
.mtw-job-skel__row--w50[b-fow6utsmak] { width: 50%; }
.mtw-job-skel__row--w65[b-fow6utsmak] { width: 65%; }
.mtw-job-skel__row--w45[b-fow6utsmak] { width: 45%; }
.mtw-job-skel__row--w60[b-fow6utsmak] { width: 60%; }

.mtw-job-skel__footer[b-fow6utsmak] {
    height: 50px;
    background: rgba(227, 16, 139, 0.18);
    animation: mtw-pulse-b-fow6utsmak 1.5s ease-in-out infinite;
}

@keyframes mtw-pulse-b-fow6utsmak {
    0%, 100% { opacity: 0.5; }
    50%      { opacity: 1; }
}
/* _content/MTW/Components/Blocks/Brand/MtwJobSearchFilters.razor.rz.scp.css */
.mtw-job-filters[b-aiblh2kt3b] {
    background: var(--mtw-grey-light);
    border-radius: 28px;
    padding: 32px 36px 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    overflow: hidden;
}

/* Decorative lime crescent peeking from top-right of the filter card */
.mtw-job-filters[b-aiblh2kt3b]::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--mtw-lime);
    opacity: 0.55;
    pointer-events: none;
}

.mtw-job-filters__grid[b-aiblh2kt3b] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.2fr 1.2fr;
    gap: 20px 24px;
    position: relative;
    z-index: 1;
}

.mtw-job-filters__actions[b-aiblh2kt3b] {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .mtw-job-filters__grid[b-aiblh2kt3b] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 639px) {
    .mtw-job-filters[b-aiblh2kt3b] { padding: 24px 20px 20px; border-radius: 24px; }
    .mtw-job-filters__grid[b-aiblh2kt3b] { grid-template-columns: 1fr; }
    .mtw-job-filters__actions[b-aiblh2kt3b] { justify-content: stretch; }
}
/* _content/MTW/Components/Blocks/Brand/MtwJoinMovementBanner.razor.rz.scp.css */
/* Break out of the layout's max-width so the banner spans the full
   viewport. Same trick the partner marquee uses. */
.mtw-join-banner[b-88ww29g5ta] {
    padding: 32px 24px;
    margin: 32px 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.mtw-join-banner__inner[b-88ww29g5ta] {
    position: relative;
    max-width: none;
    margin: 0;
    border-radius: 9999px;
    overflow: hidden;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}

.mtw-join-banner__photo[b-88ww29g5ta] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.mtw-join-banner__overlay[b-88ww29g5ta] {
    position: relative;
    z-index: 2;
    padding: 64px 32px;
    text-align: center;
    background: linear-gradient(135deg,
        rgba(227, 16, 139, 0.55),
        rgba(105, 22, 76, 0.65));
    width: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mtw-join-banner__heading[b-88ww29g5ta] {
    color: var(--mtw-white);
    margin: 0;
    text-align: center;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
    .mtw-join-banner__inner[b-88ww29g5ta] { border-radius: 48px; min-height: 220px; }
    .mtw-join-banner__overlay[b-88ww29g5ta] { padding: 48px 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwLatestNewsStrip.razor.rz.scp.css */
.mtw-latest-news[b-s0nllwnptn] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 48px;
}

.mtw-latest-news--status[b-s0nllwnptn] {
    text-align: center;
    padding: 32px 24px;
}

.mtw-latest-news__grid[b-s0nllwnptn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.mtw-latest-news__cta[b-s0nllwnptn] {
    display: flex;
    justify-content: flex-start;
    margin-top: 56px;
}

@media (max-width: 1023px) {
    .mtw-latest-news__grid[b-s0nllwnptn] { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

@media (max-width: 639px) {
    .mtw-latest-news__grid[b-s0nllwnptn] { grid-template-columns: 1fr; gap: 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwLogoTile.razor.rz.scp.css */
/* MtwLogoTile — unified employer / partner card.
   See MtwLogoTile.razor for the design summary. */

.mtw-logo-tile[b-ko9n1r0i6t] {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    background: var(--mtw-white);
    border-radius: 30px;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.07);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

.mtw-logo-tile--linked[b-ko9n1r0i6t] { cursor: pointer; }
.mtw-logo-tile--inert[b-ko9n1r0i6t]  { cursor: default; }

.mtw-logo-tile--linked:hover[b-ko9n1r0i6t],
.mtw-logo-tile--linked:focus-visible[b-ko9n1r0i6t] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(23, 23, 23, 0.14);
    outline: none;
}

/* Lime bar slides in across the bottom edge on hover — the employer
   card's signature "card identity" cue. Sits above the dark overlay
   (z-index 3) so it stays visible behind the descriptive text too. */
.mtw-logo-tile[b-ko9n1r0i6t]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    background: var(--mtw-lime);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.25s ease;
    z-index: 3;
    pointer-events: none;
}

.mtw-logo-tile--linked:hover[b-ko9n1r0i6t]::after,
.mtw-logo-tile--linked:focus-visible[b-ko9n1r0i6t]::after {
    transform: scaleX(1);
}

/* ─── Logo / fallback ──────────────────────────────────────────── */
.mtw-logo-tile__media[b-ko9n1r0i6t] {
    width: 100%;
    height: 100%;
    /* Flex centring rather than grid place-items — grid was leaving the img
       offset upward inside the cell (an interaction between the img's inline
       baseline and the auto-sized grid track). Flex with explicit justify +
       align centres cleanly across all logos, including ones with off-centre
       canvas padding like BT. */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
}

.mtw-logo-tile__logo[b-ko9n1r0i6t] {
    max-width: 70%;
    max-height: 60%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.25s ease;
}

.mtw-logo-tile--linked:hover .mtw-logo-tile__logo[b-ko9n1r0i6t],
.mtw-logo-tile--linked:focus-visible .mtw-logo-tile__logo[b-ko9n1r0i6t] {
    transform: scale(1.04);
}

.mtw-logo-tile__name-fallback[b-ko9n1r0i6t] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.15;
    color: var(--mtw-ink);
    text-align: center;
    padding: 0 8px;
}

/* ─── Hover overlay (description + location) ────────────────────── */
.mtw-logo-tile__overlay[b-ko9n1r0i6t] {
    position: absolute;
    inset: 0;
    background: rgba(23, 23, 23, 0.92);   /* var(--mtw-ink) with alpha */
    color: var(--mtw-white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 2;
}

.mtw-logo-tile--linked:hover .mtw-logo-tile__overlay[b-ko9n1r0i6t],
.mtw-logo-tile--linked:focus-visible .mtw-logo-tile__overlay[b-ko9n1r0i6t] {
    opacity: 1;
}

/* If we have no Description / Location, the overlay still surfaces the
   Name on hover so the tile isn't anonymous — slightly less opaque so
   the logo still glows through. */
.mtw-logo-tile__overlay--name-only[b-ko9n1r0i6t] {
    background: rgba(23, 23, 23, 0.82);
}

/* Touch devices: hover doesn't fire reliably; show the overlay muted
   at rest so the descriptive text is reachable on tap. */
@media (hover: none) {
    .mtw-logo-tile__overlay[b-ko9n1r0i6t] { opacity: 1; background: rgba(23, 23, 23, 0.55); }
    .mtw-logo-tile__overlay--name-only[b-ko9n1r0i6t] { background: rgba(23, 23, 23, 0.4); }
}

.mtw-logo-tile__overlay-inner[b-ko9n1r0i6t] {
    text-align: center;
    max-width: 100%;
}

.mtw-logo-tile__name[b-ko9n1r0i6t] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 10px;
    color: var(--mtw-white);
}

.mtw-logo-tile__desc[b-ko9n1r0i6t] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 8px;
    color: var(--mtw-white);
}

.mtw-logo-tile__loc[b-ko9n1r0i6t] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
}

.mtw-logo-tile__loc strong[b-ko9n1r0i6t] {
    font-weight: 600;
}

@media (max-width: 1023px) {
    .mtw-logo-tile[b-ko9n1r0i6t] { border-radius: 24px; }
    .mtw-logo-tile__media[b-ko9n1r0i6t] { padding: 24px; }
    .mtw-logo-tile__name[b-ko9n1r0i6t] { font-size: 18px; }
    .mtw-logo-tile__desc[b-ko9n1r0i6t] { font-size: 13px; }
}

@media (max-width: 639px) {
    .mtw-logo-tile[b-ko9n1r0i6t] { border-radius: 20px; }
    .mtw-logo-tile__media[b-ko9n1r0i6t] { padding: 18px; }
    .mtw-logo-tile__overlay[b-ko9n1r0i6t] { padding: 16px; }
    .mtw-logo-tile__name[b-ko9n1r0i6t] { font-size: 16px; margin-bottom: 6px; }
    .mtw-logo-tile__desc[b-ko9n1r0i6t] { font-size: 12px; margin-bottom: 6px; }
    .mtw-logo-tile__loc[b-ko9n1r0i6t]  { font-size: 11px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwLpfInterestForm.razor.rz.scp.css */
/* Levelling the Playing Field — express-interest form.
   Visual language matches MtwNewsletterSignup but kept in its own scope
   so layout changes on either don't leak across. */

.mtw-lpf-form[b-0o8uc3jb30] {
    padding: 64px 24px;
}

.mtw-lpf-form__card[b-0o8uc3jb30] {
    max-width: 720px;
    margin: 0 auto;
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 28px;
    padding: 48px 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.04);
}

.mtw-lpf-form__heading[b-0o8uc3jb30] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 36px;
    line-height: 1.15;
    color: var(--mtw-ink);
    margin: 0 0 16px;
}

.mtw-lpf-form__body[b-0o8uc3jb30] {
    font-family: var(--mtw-font-display);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.55;
    color: #333;
    margin: 0 0 16px;
}

.mtw-lpf-form__body--fineprint[b-0o8uc3jb30] {
    font-size: 14px;
    color: #555;
    margin: 24px 0 16px;
}

.mtw-lpf-form__body--fineprint a[b-0o8uc3jb30] {
    color: var(--mtw-magenta);
    text-decoration: underline;
}

.mtw-lpf-form__form[b-0o8uc3jb30] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
}

.mtw-lpf-form__row--split[b-0o8uc3jb30] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* ── Regions multi-select ──────────────────────────────────────────── */
.mtw-lpf-form__regions[b-0o8uc3jb30] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin-top: 4px;
}

.mtw-lpf-form__region[b-0o8uc3jb30] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: var(--mtw-font-display);
    font-size: 15px;
    color: var(--mtw-ink);
    user-select: none;
}

.mtw-lpf-form__region input[type="checkbox"][b-0o8uc3jb30] {
    /* Native input is hidden but kept focusable — the rendered checkmark
       picks up :focus-visible via the :has() check on the label below. */
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.mtw-lpf-form__region-checkmark[b-0o8uc3jb30] {
    width: 20px;
    height: 20px;
    border: 2px solid #CCC;
    border-radius: 4px;
    background: var(--mtw-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    flex: 0 0 auto;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.mtw-lpf-form__region input[type="checkbox"]:checked + .mtw-lpf-form__region-checkmark[b-0o8uc3jb30] {
    background: var(--mtw-purple);
    border-color: var(--mtw-purple);
    color: var(--mtw-white);
}

.mtw-lpf-form__region:has(input:focus-visible) .mtw-lpf-form__region-checkmark[b-0o8uc3jb30] {
    box-shadow: 0 0 0 3px rgba(129, 65, 151, 0.25);
}

.mtw-lpf-form__region:hover .mtw-lpf-form__region-checkmark[b-0o8uc3jb30] {
    border-color: var(--mtw-ink);
}

/* ── Submit + feedback ─────────────────────────────────────────────── */
.mtw-lpf-form__actions[b-0o8uc3jb30] {
    margin-top: 8px;
}

.mtw-lpf-form__cta[b-0o8uc3jb30] {
    background: var(--mtw-purple);
    color: var(--mtw-white);
    border: 0;
    border-radius: 9999px;
    padding: 14px 36px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: background 150ms ease, opacity 150ms ease;
}

.mtw-lpf-form__cta:hover:not(:disabled)[b-0o8uc3jb30],
.mtw-lpf-form__cta:focus-visible:not(:disabled)[b-0o8uc3jb30] {
    background: var(--mtw-ink);
}

.mtw-lpf-form__cta:disabled[b-0o8uc3jb30] {
    opacity: 0.6;
    cursor: not-allowed;
}

.mtw-lpf-form__error-text[b-0o8uc3jb30] {
    color: #B00020;
    background: #FFEFEF;
    border-radius: 12px;
    padding: 10px 14px;
    margin: 0;
    font-size: 14px;
}

/* ── Success state ────────────────────────────────────────────────── */
.mtw-lpf-form__success[b-0o8uc3jb30] {
    text-align: center;
    padding: 16px 0;
}

.mtw-lpf-form__success-icon[b-0o8uc3jb30] {
    font-size: 56px !important;
    color: var(--mtw-lime);
    margin-bottom: 8px;
}

@media (max-width: 639px) {
    .mtw-lpf-form[b-0o8uc3jb30] { padding: 48px 16px; }
    .mtw-lpf-form__card[b-0o8uc3jb30] { padding: 32px 20px; border-radius: 20px; }
    .mtw-lpf-form__heading[b-0o8uc3jb30] { font-size: 26px; }
    .mtw-lpf-form__body[b-0o8uc3jb30] { font-size: 16px; }
    .mtw-lpf-form__row--split[b-0o8uc3jb30] { grid-template-columns: 1fr; }
    .mtw-lpf-form__regions[b-0o8uc3jb30] { grid-template-columns: 1fr; }
}
/* _content/MTW/Components/Blocks/Brand/MtwMembersNav.razor.rz.scp.css */
/* Members sidebar nav — visually mirrors MtwAdminNav so the CMS and members
   areas feel like the same family. The layout shell (MtwMemberLayout) handles
   the mobile drawer positioning; this component just styles the contents. */

.mtw-members-nav[b-cy2fqlxw92] {
    background: var(--mtw-grey-light);
    border-radius: 24px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
}

.mtw-members-nav__title[b-cy2fqlxw92] {
    margin-bottom: 16px;
}

.mtw-members-nav__list[b-cy2fqlxw92] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mtw-members-nav__link[b-cy2fqlxw92] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    color: var(--mtw-ink);
    text-decoration: none;
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 15px;
    transition: background 200ms ease, color 200ms ease;
}

.mtw-members-nav__link:hover[b-cy2fqlxw92] {
    background: var(--mtw-white);
}

.mtw-members-nav__link--active[b-cy2fqlxw92] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-members-nav__icon[b-cy2fqlxw92] {
    font-size: 20px !important;
}

.mtw-members-nav__help[b-cy2fqlxw92] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #DDD;
    font-family: var(--mtw-font-display);
    font-size: 13px;
    color: #555;
}

.mtw-members-nav__help .mtw-eyebrow[b-cy2fqlxw92] {
    margin-bottom: 6px;
}

.mtw-members-nav__help p[b-cy2fqlxw92] {
    margin: 0 0 6px;
    line-height: 1.4;
}

.mtw-members-nav__help a[b-cy2fqlxw92] {
    color: var(--mtw-magenta);
    text-decoration: none;
    font-weight: 600;
    word-break: break-all;
}

.mtw-members-nav__help a:hover[b-cy2fqlxw92] {
    text-decoration: underline;
}

.mtw-members-nav__back[b-cy2fqlxw92] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #DDD;
    font-size: 13px;
}

.mtw-members-nav__back a[b-cy2fqlxw92] {
    color: #777;
    text-decoration: none;
}

.mtw-members-nav__back a:hover[b-cy2fqlxw92] {
    color: var(--mtw-magenta);
}
/* _content/MTW/Components/Blocks/Brand/MtwMenuOverlay.razor.rz.scp.css */
/* Hidden by default — the overlay is always rendered in MtwLayout so the
   open action is a CSS class flip rather than a Blazor re-render. */
.mtw-menu[b-lde62uuz0l] {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: none;
    justify-content: flex-end;
}

/* Open state — the class lives on <html> and is toggled by /js/mtw-menu.js,
   independent of Blazor's hydration state. */
html.mtw-menu-open .mtw-menu[b-lde62uuz0l] {
    display: flex;
    animation: mtw-menu-fade-b-lde62uuz0l 200ms ease-out;
}

@keyframes mtw-menu-fade-b-lde62uuz0l {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.mtw-menu__backdrop[b-lde62uuz0l] {
    position: absolute;
    inset: 0;
    background: rgba(23, 23, 23, 0.55);
    cursor: pointer;
}

.mtw-menu__panel[b-lde62uuz0l] {
    position: relative;
    width: min(560px, 100vw);
    height: 100vh;
    background: var(--mtw-white);
    padding: 24px 48px 48px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    animation: mtw-menu-slide-b-lde62uuz0l 250ms ease-out;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15);
}

@keyframes mtw-menu-slide-b-lde62uuz0l {
    from { transform: translateX(40px); }
    to   { transform: translateX(0); }
}

.mtw-menu__header[b-lde62uuz0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 32px;
}

.mtw-menu__logo-link[b-lde62uuz0l] {
    display: block;
}

.mtw-menu__logo[b-lde62uuz0l] {
    height: 48px;
    width: auto;
}

.mtw-menu__close[b-lde62uuz0l] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--mtw-ink);
    background: var(--mtw-white);
    color: var(--mtw-ink);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 200ms, color 200ms;
}

.mtw-menu__close:hover[b-lde62uuz0l],
.mtw-menu__close:focus-visible[b-lde62uuz0l] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-menu__close .material-symbols-outlined[b-lde62uuz0l] {
    font-size: 24px !important;
}

.mtw-menu__cta[b-lde62uuz0l] {
    /* Hidden on desktop — Get In Touch lives in the navbar at that size.
       Revealed on mobile via the @media block below.

       Styled here from scratch (matching the desktop navbar's outline pill)
       because Blazor scoped CSS in MtwButton.razor.css doesn't reach raw <a>
       elements rendered by this component. */
    display: none;
    align-self: center;
    margin-top: auto;

    background: var(--mtw-white);
    color: var(--mtw-ink);
    border: 2px solid var(--mtw-ink);
    border-radius: 9999px;
    padding: 14px 32px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background 200ms ease, color 200ms ease;
}

.mtw-menu__cta:hover[b-lde62uuz0l],
.mtw-menu__cta:focus-visible[b-lde62uuz0l] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-menu__nav[b-lde62uuz0l] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.mtw-menu__group[b-lde62uuz0l] {
    display: flex;
    flex-direction: column;
}

/* The leading "top" group has no heading and uses slightly larger headline links
   to stand out from the indexed sections below. */
.mtw-menu__group--top .mtw-menu__link[b-lde62uuz0l] {
    font-size: 28px;
    padding: 14px 0;
}

.mtw-menu__group-title[b-lde62uuz0l] {
    font-family: var(--mtw-font-display);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--mtw-magenta);
    margin-bottom: 4px;
}

.mtw-menu__link[b-lde62uuz0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #EEE;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    color: var(--mtw-ink);
    text-decoration: none;
    transition: color 200ms ease, padding-left 200ms ease;
}

.mtw-menu__link:hover[b-lde62uuz0l],
.mtw-menu__link:focus-visible[b-lde62uuz0l] {
    color: var(--mtw-magenta);
    padding-left: 8px;
}

.mtw-menu__chev[b-lde62uuz0l] {
    font-size: 22px !important;
    flex: 0 0 auto;
    transition: transform 200ms ease;
    color: #999;
}

.mtw-menu__link:hover .mtw-menu__chev[b-lde62uuz0l] {
    transform: translateX(4px);
}

/* Indented sub-link — used for the items nested under a section (Team,
   Steering group, etc. under People). Smaller type so the hierarchy reads
   at a glance, and a magenta keyline on the left to tie the group together. */
.mtw-menu__link--sub[b-lde62uuz0l] {
    font-size: 17px;
    padding: 10px 0 10px 20px;
    border-left: 3px solid transparent;
    color: #333;
}

.mtw-menu__link--sub:hover[b-lde62uuz0l],
.mtw-menu__link--sub:focus-visible[b-lde62uuz0l] {
    color: var(--mtw-magenta);
    border-left-color: var(--mtw-magenta);
    padding-left: 24px;
}

.mtw-menu__link--sub .mtw-menu__chev[b-lde62uuz0l] {
    font-size: 18px !important;
}

/* Grandchild leaf — used when a section header (e.g. "Find an opportunity")
   is itself nested under a parent (e.g. "Young people"). Deeper indent,
   smaller type, softer keyline so the three-level hierarchy reads as a
   continuous nest, not a competing column. */
.mtw-menu__link--sub-sub[b-lde62uuz0l] {
    font-size: 15px;
    padding: 8px 0 8px 40px;
    border-left: 2px solid transparent;
    color: #555;
    font-weight: 600;
}

.mtw-menu__link--sub-sub:hover[b-lde62uuz0l],
.mtw-menu__link--sub-sub:focus-visible[b-lde62uuz0l] {
    color: var(--mtw-magenta);
    border-left-color: var(--mtw-magenta);
    padding-left: 44px;
}

.mtw-menu__link--sub-sub .mtw-menu__chev[b-lde62uuz0l] {
    font-size: 16px !important;
}

.mtw-menu__link--soon.mtw-menu__link--sub-sub:hover[b-lde62uuz0l] {
    padding-left: 40px;
}

/* Non-clickable section header (used when the section has no hub page —
   e.g. "Learning Resources", "News, Insights, Impact"). Styled like a
   top-level link but inert. */
.mtw-menu__link--header[b-lde62uuz0l] {
    color: var(--mtw-ink);
    cursor: default;
}

.mtw-menu__link--header:hover[b-lde62uuz0l] {
    color: var(--mtw-ink);
    padding-left: 0;
}

/* Coming-soon placeholder — muted text, "Soon" pill, no hover effect. */
.mtw-menu__link--soon[b-lde62uuz0l] {
    color: #999;
    cursor: not-allowed;
}

.mtw-menu__link--soon:hover[b-lde62uuz0l] {
    color: #999;
    padding-left: 0;
    border-left-color: transparent;
}

.mtw-menu__link--soon.mtw-menu__link--sub:hover[b-lde62uuz0l] {
    padding-left: 20px;
}

.mtw-menu__soon-pill[b-lde62uuz0l] {
    display: inline-flex;
    align-items: center;
    background: var(--mtw-grey-light, #f2f2f2);
    color: #777;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 9999px;
    padding: 4px 10px;
    flex-shrink: 0;
}

/* Click-to-expand wrapper for the third nesting level. Built on native
   <details>/<summary> so it works pre-Blazor-hydration on static SSR pages,
   same reasoning as the rest of this overlay. */
.mtw-menu__expandable[b-lde62uuz0l] {
    margin: 0;
}

/* Hide the default disclosure triangle so the existing magenta chevron is the
   only affordance, and lock in the pointer cursor on the toggle row. */
.mtw-menu__expandable > summary[b-lde62uuz0l] {
    list-style: none;
    cursor: pointer;
    /* Re-assert flex: <summary> defaults to display: list-item, which can
       fight with the .mtw-menu__link flex layout in some engines. */
    display: flex;
}

.mtw-menu__expandable > summary[b-lde62uuz0l]::-webkit-details-marker {
    display: none;
}

.mtw-menu__link--expander[b-lde62uuz0l] {
    user-select: none;
}

/* Rotate the chevron when expanded so the affordance reads as "click to close"
   rather than "click to open". */
.mtw-menu__expandable[open] > summary .mtw-menu__chev--toggle[b-lde62uuz0l] {
    transform: rotate(180deg);
    color: var(--mtw-magenta);
}

/* Container for the grandchildren that get revealed when the section is
   opened. Sits flush against the indent of the depth-1 summary above. */
.mtw-menu__expandable-body[b-lde62uuz0l] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    /* Show the bottom-of-list Get In Touch CTA on mobile — it replaces the
       navbar's Get In Touch button which gets hidden at the same breakpoint.
       Fixed margin-top gives breathing room above the button even when the
       nav list is long enough to push out the flex slack. */
    .mtw-menu__cta[b-lde62uuz0l] {
        display: inline-block;
        margin-top: 32px;
    }
}

@media (max-width: 639px) {
    .mtw-menu__panel[b-lde62uuz0l] { padding: 20px 24px 32px; }
    .mtw-menu__nav[b-lde62uuz0l]   { gap: 24px; }
    .mtw-menu__link[b-lde62uuz0l]  { font-size: 18px; padding: 10px 0; }
    .mtw-menu__chev[b-lde62uuz0l]  { font-size: 18px !important; }
    .mtw-menu__group--top .mtw-menu__link[b-lde62uuz0l] { font-size: 22px; padding: 12px 0; }
    .mtw-menu__link--sub[b-lde62uuz0l] { font-size: 15px; padding: 8px 0 8px 16px; }
    .mtw-menu__link--sub:hover[b-lde62uuz0l] { padding-left: 20px; }
    .mtw-menu__link--sub-sub[b-lde62uuz0l] { font-size: 13px; padding: 7px 0 7px 32px; }
    .mtw-menu__link--sub-sub:hover[b-lde62uuz0l] { padding-left: 36px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwNavBar.razor.rz.scp.css */
.mtw-navbar[b-myuwi15pxd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 48px;
    background: var(--mtw-white);
    border-bottom: 1px solid #EAEAEA;
    /* Bleed out of .mtw-page so logo and actions sit at viewport edges */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 32px;
}

.mtw-navbar__logo[b-myuwi15pxd] {
    display: block;
}

.mtw-navbar__logo img[b-myuwi15pxd] {
    height: 56px;
    width: auto;
    display: block;
}

.mtw-navbar__actions[b-myuwi15pxd] {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* Tone down the cushion buttons inside the nav — they're chrome, not CTAs.
   Keep the brand pill shape but drop the heavy drop shadow + thick outline.
   (Marketing CTAs in TB11, hero etc. retain the full cushion.) */
.mtw-navbar .mtw-btn[b-myuwi15pxd] {
    outline: 0;
    box-shadow: none;
    margin-bottom: 0;
    border: 2px solid var(--mtw-ink);
    padding: 10px 24px;
    font-size: 14px;
}

.mtw-navbar .mtw-btn:active[b-myuwi15pxd] {
    transform: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    /* Hide Get In Touch in the navbar on mobile — it surfaces as the bottom-of-
       list CTA inside MtwMenuOverlay instead. Keeps the narrow navbar to just
       logo + Menu pill without crowding the right edge. */
    .mtw-navbar__get-in-touch[b-myuwi15pxd] {
        display: none;
    }
}

@media (max-width: 639px) {
    .mtw-navbar[b-myuwi15pxd] { padding: 14px 16px; margin-bottom: 20px; gap: 8px; }
    .mtw-navbar__logo img[b-myuwi15pxd] { height: 36px; }
    /* Keep the actions block from being compressed when the logo is wide —
       previously the Menu pill could be clipped at the right edge on narrow
       phones. */
    .mtw-navbar__actions[b-myuwi15pxd] { gap: 8px; flex-shrink: 0; }
    .mtw-navbar .mtw-btn[b-myuwi15pxd] { padding: 8px 14px; font-size: 12px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwNewsCard.razor.rz.scp.css */
/* MtwNewsCard — see MtwNewsCard.razor for the design summary.
   Same card used by /news, /learning-opportunities and the homepage
   Latest News strip so the three surfaces stay visually identical. */

.mtw-news-card[b-fj0pmai49y] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-white);
    height: 100%;
}

.mtw-news-card__media[b-fj0pmai49y] {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    /* 30 px matches MtwImageCard's photo radius so all card-like surfaces
       across the site share the same shape language. */
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.07);
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

.mtw-news-card__media:hover[b-fj0pmai49y],
.mtw-news-card__media:focus-visible[b-fj0pmai49y] {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(23, 23, 23, 0.14);
    outline: none;
}

.mtw-news-card__media img[b-fj0pmai49y] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mtw-news-card__media-fallback[b-fj0pmai49y] {
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    display: grid;
    place-items: center;
    color: #999;
}

.mtw-news-card__media-fallback .material-symbols-outlined[b-fj0pmai49y] {
    font-size: 64px;
}

/* Optional pill overlaid on the image (e.g. category tag for
   learning-opportunities cards). */
.mtw-news-card__pill[b-fj0pmai49y] {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--mtw-ink);
    color: var(--mtw-white);
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 999px;
    pointer-events: none;
}

.mtw-news-card__body[b-fj0pmai49y] {
    padding: 20px 4px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.mtw-news-card__eyebrow[b-fj0pmai49y] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mtw-magenta);
}

.mtw-news-card__title[b-fj0pmai49y] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 900;
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
    color: var(--mtw-ink);
}

.mtw-news-card__title a[b-fj0pmai49y] {
    /* Anchor inside the h3 — explicit weight stops UA stylesheets thinning it. */
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}

.mtw-news-card__title a:hover[b-fj0pmai49y],
.mtw-news-card__title a:focus-visible[b-fj0pmai49y] {
    color: var(--mtw-magenta);
    outline: none;
}

.mtw-news-card__preview[b-fj0pmai49y] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 17px;
    line-height: 1.45;
    color: var(--mtw-ink);
    margin: 0;
    /* Clamp to ~4 lines so cards in a row stay roughly the same height.
       Browsers without -webkit-line-clamp simply show the whole preview. */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mtw-news-card__cta-row[b-fj0pmai49y] {
    margin-top: auto;
    padding-top: 4px;
}
/* _content/MTW/Components/Blocks/Brand/MtwNewsletterSignup.razor.rz.scp.css */
.mtw-news-signup[b-t4uz3bjvzp] {
    padding: 48px 24px;
}

.mtw-news-signup__card[b-t4uz3bjvzp] {
    max-width: 1120px;
    margin: 0 auto;
    background: #EFEFEF;
    border-radius: 32px;
    padding: 56px 64px;
}

.mtw-news-signup__heading[b-t4uz3bjvzp] {
    font-family: var(--mtw-font-display);
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    color: var(--mtw-ink);
    text-align: center;
    margin: 0 0 28px;
}

.mtw-news-signup__body[b-t4uz3bjvzp] {
    font-family: var(--mtw-font-display);
    font-size: 18px;
    line-height: 1.55;
    color: var(--mtw-ink);
    text-align: center;
    margin: 0 0 14px;
}

.mtw-news-signup__hashtag[b-t4uz3bjvzp] {
    color: var(--mtw-magenta);
    font-weight: 700;
}

.mtw-news-signup__form[b-t4uz3bjvzp] {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mtw-news-signup__row[b-t4uz3bjvzp] {
    display: grid;
    grid-template-columns: 140px 1fr;
    align-items: center;
    gap: 24px;
}

.mtw-news-signup__row--split[b-t4uz3bjvzp] {
    grid-template-columns: 140px 1fr 140px 1fr;
}

.mtw-news-signup__label[b-t4uz3bjvzp] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 15px;
    color: var(--mtw-ink);
}

.mtw-news-signup__input[b-t4uz3bjvzp] {
    width: 100%;
    background: #FFFFFF;
    border: 0;
    border-radius: 9999px;
    padding: 14px 22px;
    font-family: var(--mtw-font-display);
    font-size: 16px;
    color: var(--mtw-ink);
    outline: 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.mtw-news-signup__input:focus[b-t4uz3bjvzp] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(227, 16, 139, 0.25);
}

.mtw-news-signup__input--error[b-t4uz3bjvzp] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 0 0 2px var(--mtw-magenta);
}

/* Marketing permissions block */
.mtw-news-signup__permissions[b-t4uz3bjvzp] {
    margin-top: 12px;
    font-family: var(--mtw-font-display);
    color: var(--mtw-ink);
}

.mtw-news-signup__permissions strong[b-t4uz3bjvzp] {
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 6px;
}

.mtw-news-signup__permissions p[b-t4uz3bjvzp] {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 14px;
}

.mtw-news-signup__opt[b-t4uz3bjvzp] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: var(--mtw-ink);
}

.mtw-news-signup__opt input[type="checkbox"][b-t4uz3bjvzp] {
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 0;
    cursor: pointer;
    position: relative;
    margin: 0;
}

.mtw-news-signup__opt input[type="checkbox"]:checked[b-t4uz3bjvzp]::after {
    content: "";
    position: absolute;
    inset: 4px;
    background: var(--mtw-magenta);
    border-radius: 2px;
}

/* CTA pill */
.mtw-news-signup__actions[b-t4uz3bjvzp] {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.mtw-news-signup__cta[b-t4uz3bjvzp] {
    appearance: none;
    background: #FFFFFF;
    border: 2px solid var(--mtw-ink);
    border-radius: 9999px;
    padding: 14px 38px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 16px;
    color: var(--mtw-ink);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.mtw-news-signup__cta:hover:not(:disabled)[b-t4uz3bjvzp] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-news-signup__cta:disabled[b-t4uz3bjvzp] {
    opacity: 0.5;
    cursor: not-allowed;
}

.mtw-news-signup__error-text[b-t4uz3bjvzp] {
    color: var(--mtw-magenta);
    text-align: center;
    margin: 0;
    font-family: var(--mtw-font-display);
    font-size: 14px;
}

/* Success state */
.mtw-news-signup__success[b-t4uz3bjvzp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 24px 0;
}

.mtw-news-signup__success-icon[b-t4uz3bjvzp] {
    font-size: 56px !important;
    color: var(--mtw-lime);
}

/* Responsive */
@media (max-width: 767px) {
    .mtw-news-signup__card[b-t4uz3bjvzp] {
        padding: 36px 24px;
        border-radius: 28px;
    }

    .mtw-news-signup__heading[b-t4uz3bjvzp] { font-size: 28px; }
    .mtw-news-signup__body[b-t4uz3bjvzp] { font-size: 16px; }

    .mtw-news-signup__row[b-t4uz3bjvzp],
    .mtw-news-signup__row--split[b-t4uz3bjvzp] {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 8px;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwPageHeaderStyle1.razor.rz.scp.css */
.mtw-phs1[b-putf6e6vph] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 64px;
    padding: 56px 0;
    background: var(--mtw-white);
    /* Bleed the right column out to the viewport edge so the photo can sit
       flush against the right side of the screen with a flat edge. The text
       column stays inside the .mtw-page container alignment. */
    margin-right: calc(50% - 50vw);
}

.mtw-phs1__media[b-putf6e6vph] {
    /* Explicit height lets us use it to size the left-edge curve as a perfect
       half-circle (border-radius = media-h / 2). Without an explicit height,
       percentage radii would give an ellipse for a wide-rectangle photo. */
    --media-h: 480px;
    position: relative;
    width: 100%;
    height: var(--media-h);
}

.mtw-phs1__photo[b-putf6e6vph] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* D-shape: half-circle on the left, flat right edge. The right side meets
       the viewport edge via the section's bleed above. */
    border-top-left-radius: calc(var(--media-h) / 2);
    border-bottom-left-radius: calc(var(--media-h) / 2);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mtw-phs1__circle[b-putf6e6vph] {
    position: absolute;
    /* Diameter ~55% of photo height, sized in px so it scales with the photo
       and not the (variable) media column width. */
    width: calc(var(--media-h) * 0.55);
    height: calc(var(--media-h) * 0.55);
    /* Centre the circle at (photo's leftmost point, ~40% from photo top). The
       photo's left semicircle peaks at x=0 of the media container, so the
       circle sits half-outside, half-overlapping that curve. */
    top: 40%;
    left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /* multiply blends with the photo where they overlap (darker green/olive)
       while non-overlap reads as solid lime against the white page background. */
    z-index: 2;
    mix-blend-mode: multiply;
}

.mtw-phs1__circle--lime[b-putf6e6vph]    { background: var(--mtw-lime); }
.mtw-phs1__circle--magenta[b-putf6e6vph] { background: var(--mtw-magenta); }
.mtw-phs1__circle--purple[b-putf6e6vph]  { background: var(--mtw-purple); }
.mtw-phs1__circle--plum[b-putf6e6vph]    { background: var(--mtw-plum); }

.mtw-phs1__eyebrow[b-putf6e6vph] {
    margin-bottom: 16px;
}

.mtw-phs1__meta[b-putf6e6vph] {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 32px;
    color: #777;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    letter-spacing: 0.5px;
}

@media (max-width: 1023px) {
    .mtw-phs1[b-putf6e6vph] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 48px 0;
        /* Reset desktop right-bleed — on mobile the photo is centred and contained. */
        margin-right: 0;
    }
    .mtw-phs1__media[b-putf6e6vph] {
        margin: 0 auto;
        max-width: 480px;
        /* Square + full circle on mobile (no D-shape bleed) */
        --media-h: auto;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .mtw-phs1__photo[b-putf6e6vph] {
        border-radius: 50%;
    }
    .mtw-phs1__circle[b-putf6e6vph] {
        /* Re-anchor on mobile: small circle in the upper-left of the square photo */
        width: 55%;
        height: 55%;
        top: 12%;
        left: -18%;
        transform: none;
    }
    .mtw-phs1__meta[b-putf6e6vph] { margin-top: 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwPartnerLogo.razor.rz.scp.css */
/* Drop-shadow box style mirrors MtwLogoTile (employer cards) so the
   "Supported by" section on About the Movement reads consistently with
   the Employers page — same drop-shadow rectangle, same hover lift,
   same lime bar slide-in, same logo zoom on hover. Linked cells get
   the full hover treatment; inert <div> cells stay static. */
.mtw-partner-logo[b-uvvkngfnam] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    background: var(--mtw-white);
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.07);
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

/* Lime bar slides in across the bottom edge on hover — matches the
   employer/partner tile cue. */
a.mtw-partner-logo[b-uvvkngfnam]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    background: var(--mtw-lime);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.25s ease;
    pointer-events: none;
}

a.mtw-partner-logo:hover[b-uvvkngfnam],
a.mtw-partner-logo:focus-visible[b-uvvkngfnam] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(23, 23, 23, 0.14);
    outline: none;
}

a.mtw-partner-logo:hover[b-uvvkngfnam]::after,
a.mtw-partner-logo:focus-visible[b-uvvkngfnam]::after {
    transform: scaleX(1);
}

.mtw-partner-logo img[b-uvvkngfnam] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.25s ease;
}

a.mtw-partner-logo:hover img[b-uvvkngfnam],
a.mtw-partner-logo:focus-visible img[b-uvvkngfnam] {
    transform: scale(1.04);
}

.mtw-partner-logo__placeholder[b-uvvkngfnam] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    color: #999;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1023px) {
    .mtw-partner-logo[b-uvvkngfnam] { height: 100px; padding: 14px; border-radius: 20px; }
}

@media (max-width: 639px) {
    .mtw-partner-logo[b-uvvkngfnam] { height: 88px; padding: 12px; border-radius: 18px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwPartnersGrid.razor.rz.scp.css */
.mtw-partners[b-emmahegy44] {
    padding: 80px 24px;
    background: var(--mtw-white);
    text-align: center;
}

.mtw-partners__heading[b-emmahegy44] {
    margin: 0 auto 48px;
}

.mtw-partners__grid[b-emmahegy44] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px 48px;
    align-items: center;
    justify-items: center;
    max-width: 1100px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .mtw-partners[b-emmahegy44] { padding: 48px 24px; }
    .mtw-partners__heading[b-emmahegy44] { margin-bottom: 32px; }
    .mtw-partners__grid[b-emmahegy44] { grid-template-columns: repeat(3, 1fr); gap: 32px; }
}

@media (max-width: 639px) {
    .mtw-partners__grid[b-emmahegy44] { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwPartnersMarquee.razor.rz.scp.css */
.mtw-partners-marquee[b-nnqbx4it5j] {
    overflow: hidden;
    padding: 16px 0;
    background: var(--mtw-white);
    /* Break out of the layout container to span the viewport. */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.mtw-partners-marquee__track[b-nnqbx4it5j] {
    display: flex;
    align-items: center;
    gap: 48px;
    width: fit-content;
    animation: mtw-partners-marquee-scroll-b-nnqbx4it5j 40s linear infinite;
    will-change: transform;
    transform: translateZ(0);
}

.mtw-partners-marquee__link[b-nnqbx4it5j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-shrink: 0;
}

.mtw-partners-marquee__logo[b-nnqbx4it5j] {
    width: 126px;
    height: 70px;
    object-fit: contain;
    object-position: center;
    flex-shrink: 0;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

.mtw-partners-marquee__logo:hover[b-nnqbx4it5j] { opacity: 1; }

@keyframes mtw-partners-marquee-scroll-b-nnqbx4it5j {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .mtw-partners-marquee__track[b-nnqbx4it5j] { animation: none; }
}

@media (max-width: 767px) {
    .mtw-partners-marquee__logo[b-nnqbx4it5j] { width: 91px; height: 50px; }
    .mtw-partners-marquee__track[b-nnqbx4it5j] { gap: 32px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwPhotoGallery.razor.rz.scp.css */
.mtw-gallery[b-xqo9lcjmk7] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 32px 24px;
}

.mtw-gallery__grid[b-xqo9lcjmk7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.mtw-gallery__tile[b-xqo9lcjmk7] {
    appearance: none;
    border: 0;
    padding: 0;
    background: #000;
    cursor: pointer;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mtw-gallery__tile:hover[b-xqo9lcjmk7],
.mtw-gallery__tile:focus-visible[b-xqo9lcjmk7] {
    transform: scale(1.01);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    outline: 0;
}

.mtw-gallery__tile img[b-xqo9lcjmk7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1023px) {
    .mtw-gallery__grid[b-xqo9lcjmk7] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

@media (max-width: 639px) {
    .mtw-gallery[b-xqo9lcjmk7] { padding: 24px 16px; }
    .mtw-gallery__grid[b-xqo9lcjmk7] { grid-template-columns: 1fr; }
}

/* ── Lightbox ─────────────────────────────────────────────────── */
.mtw-gallery-lightbox[b-xqo9lcjmk7] {
    position: fixed;
    inset: 0;
    z-index: 9500;
    background: rgba(0, 0, 0, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    cursor: zoom-out;   /* click background to close */
    outline: 0;
}

.mtw-gallery-lightbox__figure[b-xqo9lcjmk7] {
    margin: 0;
    max-width: min(1100px, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: default;
}

.mtw-gallery-lightbox__figure img[b-xqo9lcjmk7] {
    max-width: 100%;
    max-height: calc(100vh - 140px);
    object-fit: contain;
    border-radius: 8px;
    display: block;
}

.mtw-gallery-lightbox__figure figcaption[b-xqo9lcjmk7] {
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
    max-width: 720px;
}

.mtw-gallery-lightbox__count[b-xqo9lcjmk7] {
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 8px;
}

.mtw-gallery-lightbox__close[b-xqo9lcjmk7],
.mtw-gallery-lightbox__nav[b-xqo9lcjmk7] {
    appearance: none;
    border: 0;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transition: background 0.15s ease, transform 0.1s ease;
}

.mtw-gallery-lightbox__close:hover[b-xqo9lcjmk7],
.mtw-gallery-lightbox__nav:hover[b-xqo9lcjmk7] { background: rgba(255, 255, 255, 0.22); transform: scale(1.05); }

.mtw-gallery-lightbox__close[b-xqo9lcjmk7] {
    top: 24px;
    right: 24px;
}

.mtw-gallery-lightbox__nav--prev[b-xqo9lcjmk7] { left: 24px; top: 50%; transform: translateY(-50%); }
.mtw-gallery-lightbox__nav--next[b-xqo9lcjmk7] { right: 24px; top: 50%; transform: translateY(-50%); }
.mtw-gallery-lightbox__nav--prev:hover[b-xqo9lcjmk7] { transform: translateY(-50%) scale(1.05); }
.mtw-gallery-lightbox__nav--next:hover[b-xqo9lcjmk7] { transform: translateY(-50%) scale(1.05); }

.mtw-gallery-lightbox .material-symbols-outlined[b-xqo9lcjmk7] { font-size: 24px; }

@media (max-width: 639px) {
    .mtw-gallery-lightbox[b-xqo9lcjmk7] { padding: 16px; }
    .mtw-gallery-lightbox__close[b-xqo9lcjmk7] { top: 12px; right: 12px; width: 40px; height: 40px; }
    .mtw-gallery-lightbox__nav[b-xqo9lcjmk7] { width: 40px; height: 40px; }
    .mtw-gallery-lightbox__nav--prev[b-xqo9lcjmk7] { left: 8px; }
    .mtw-gallery-lightbox__nav--next[b-xqo9lcjmk7] { right: 8px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwQuotesCarousel.razor.rz.scp.css */
.mtw-quotes-carousel[b-47zksp7v4m] {
    max-width: 960px;
    margin: 16px auto 48px;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 56px 1fr 56px;
    gap: 24px;
    align-items: center;
}

.mtw-quotes-carousel__card[b-47zksp7v4m] {
    position: relative;
    margin: 0;
    background: transparent;
    border-radius: 0;
    padding: 48px 80px;
    text-align: center;
}

.mtw-quotes-carousel__mark[b-47zksp7v4m] {
    position: absolute;
    width: 80px;
    height: auto;
    pointer-events: none;
}

.mtw-quotes-carousel__mark--open[b-47zksp7v4m]  { top: 0; left: 0; }
.mtw-quotes-carousel__mark--close[b-47zksp7v4m] { bottom: 40px; right: 0; }

.mtw-quotes-carousel__card p[b-47zksp7v4m] {
    font-family: var(--mtw-font-display);
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--mtw-ink);
    margin: 0 0 20px;
}

.mtw-quotes-carousel__card footer[b-47zksp7v4m] {
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: var(--mtw-magenta);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mtw-quotes-carousel__nav[b-47zksp7v4m] {
    appearance: none;
    border: 0;
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, transform 0.1s ease;
}

.mtw-quotes-carousel__nav:hover[b-47zksp7v4m] { background: var(--mtw-plum); transform: scale(1.05); }
.mtw-quotes-carousel__nav .material-symbols-outlined[b-47zksp7v4m] { font-size: 24px; }

@media (max-width: 767px) {
    /* On mobile, re-flow as flex so the nav arrows drop below the quote
       instead of fighting it for horizontal space. */
    .mtw-quotes-carousel[b-47zksp7v4m] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }
    .mtw-quotes-carousel__card[b-47zksp7v4m] {
        order: 1;
        width: 100%;
        padding: 32px 24px;
    }
    .mtw-quotes-carousel__nav[b-47zksp7v4m] { width: 44px; height: 44px; }
    .mtw-quotes-carousel__nav--prev[b-47zksp7v4m] { order: 2; }
    .mtw-quotes-carousel__nav--next[b-47zksp7v4m] { order: 3; }
    .mtw-quotes-carousel__card p[b-47zksp7v4m] { font-size: 18px; }
    .mtw-quotes-carousel__mark[b-47zksp7v4m] { width: 48px; }
    .mtw-quotes-carousel__mark--close[b-47zksp7v4m] { bottom: 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwStatCircle.razor.rz.scp.css */
.mtw-stat-circle[b-mzmp792hi7] {
    flex: 0 0 auto;
    /* Fixed-size disc — all stat circles in a row are visually identical
       in scale. Long numbers fit by scaling the font (.mtw-stat-circle__number--sm
       / md / lg / xl picked by the component based on character count). */
    width: 300px;
    height: 300px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 36px 32px;
    box-sizing: border-box;
}

.mtw-stat-circle--lime[b-mzmp792hi7]    { background: var(--mtw-lime); }
.mtw-stat-circle--magenta[b-mzmp792hi7] { background: var(--mtw-magenta); }
.mtw-stat-circle--purple[b-mzmp792hi7]  { background: var(--mtw-purple); }
.mtw-stat-circle--plum[b-mzmp792hi7]    { background: var(--mtw-plum); }
.mtw-stat-circle--neutral[b-mzmp792hi7] { background: #EAEAEA; }   /* pale grey — quieter stat tile */

.mtw-stat-circle__number[b-mzmp792hi7] {
    color: var(--mtw-white);
    margin-bottom: 12px;
    line-height: 1;
    letter-spacing: -0.02em;
    font-feature-settings: "tnum" 1;   /* tabular numerals — even digit widths */
    white-space: nowrap;               /* number stays on one line so the size buckets do the fitting */
}

/* Size buckets (driven by Number.Length in MtwStatCircle.razor).
   Each value was picked so the longest member of its bucket fits inside
   the 300px disc at ~236px content width. */
.mtw-stat-circle__number--xl[b-mzmp792hi7] { font-size: 80px; }   /* "89%" */
.mtw-stat-circle__number--lg[b-mzmp792hi7] { font-size: 64px; }   /* "1,200" */
.mtw-stat-circle__number--md[b-mzmp792hi7] { font-size: 54px; }   /* "100,000" */
.mtw-stat-circle__number--sm[b-mzmp792hi7] { font-size: 46px; }   /* "200,000+" */

.mtw-stat-circle__caption[b-mzmp792hi7] {
    color: var(--mtw-white);
    max-width: 220px;
}

/* Neutral variant uses ink-coloured text since the background is grey, not brand colour. */
.mtw-stat-circle--neutral .mtw-stat-circle__number[b-mzmp792hi7],
.mtw-stat-circle--neutral .mtw-stat-circle__caption[b-mzmp792hi7] {
    color: var(--mtw-ink);
}

@media (max-width: 1023px) {
    .mtw-stat-circle[b-mzmp792hi7] {
        width: 260px;
        height: 260px;
        padding: 30px 28px;
    }
    .mtw-stat-circle__number--xl[b-mzmp792hi7] { font-size: 68px; }
    .mtw-stat-circle__number--lg[b-mzmp792hi7] { font-size: 56px; }
    .mtw-stat-circle__number--md[b-mzmp792hi7] { font-size: 48px; }
    .mtw-stat-circle__number--sm[b-mzmp792hi7] { font-size: 40px; }
    .mtw-stat-circle__caption[b-mzmp792hi7]    { max-width: 190px; }
}

@media (max-width: 639px) {
    .mtw-stat-circle[b-mzmp792hi7] {
        width: 220px;
        height: 220px;
        padding: 24px 22px;
    }
    .mtw-stat-circle__number--xl[b-mzmp792hi7] { font-size: 56px; }
    .mtw-stat-circle__number--lg[b-mzmp792hi7] { font-size: 46px; }
    .mtw-stat-circle__number--md[b-mzmp792hi7] { font-size: 40px; }
    .mtw-stat-circle__number--sm[b-mzmp792hi7] { font-size: 34px; }
    .mtw-stat-circle__caption[b-mzmp792hi7]    { max-width: 160px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwSupportCards.razor.rz.scp.css */
.mtw-support-cards[b-8gtzr68flo] {
    padding: 56px 24px;
}

.mtw-support-cards__inner[b-8gtzr68flo] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.mtw-support-cards__head[b-8gtzr68flo] {
    text-align: center;
    max-width: 720px;
}

.mtw-support-cards__heading[b-8gtzr68flo] {
    font-size: 56px;
    line-height: 1.05;
    margin: 0 0 16px;
}

.mtw-support-cards__sub[b-8gtzr68flo] {
    margin: 0;
    color: rgba(23, 23, 23, 0.75);
}

.mtw-support-cards__grid[b-8gtzr68flo] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.mtw-support-cards__card[b-8gtzr68flo] {
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 24px;
    padding: 28px 32px;
    box-shadow: 0 6px 0 var(--mtw-ink);
    display: flex;
    flex-direction: column;
    min-height: 200px;
}

.mtw-support-cards__card-title[b-8gtzr68flo] {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--mtw-magenta);
}

@media (max-width: 1023px) {
    .mtw-support-cards__heading[b-8gtzr68flo] { font-size: 40px; }
    .mtw-support-cards__grid[b-8gtzr68flo]    { grid-template-columns: 1fr; gap: 16px; }
    .mtw-support-cards__card[b-8gtzr68flo]    { min-height: 0; }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock1.razor.rz.scp.css */
.mtw-tb1[b-dgmh5000nj] {
    display: grid;
    grid-template-columns: 4fr 6fr;
    gap: 64px;
    padding: 48px 0;
    background: var(--mtw-white);
}

.mtw-tb1__col > * + *[b-dgmh5000nj] {
    margin-top: 24px;
}

/* When Lead / Body content comes from the CMS rich-text editor it arrives
   wrapped in <p> tags. Strip default UA margins so column spacing is driven
   solely by `.mtw-tb1__col > * + *` above. Lists also lose their UA padding
   so bullets/numbers align with the surrounding column. */
.mtw-tb1__col p[b-dgmh5000nj],
.mtw-tb1__col ul[b-dgmh5000nj],
.mtw-tb1__col ol[b-dgmh5000nj] {
    margin: 0;
}

.mtw-tb1__col p + p[b-dgmh5000nj],
.mtw-tb1__col p + ul[b-dgmh5000nj],
.mtw-tb1__col p + ol[b-dgmh5000nj],
.mtw-tb1__col ul + p[b-dgmh5000nj],
.mtw-tb1__col ol + p[b-dgmh5000nj] {
    margin-top: 16px;
}

.mtw-tb1__col ul[b-dgmh5000nj],
.mtw-tb1__col ol[b-dgmh5000nj] {
    padding-left: 1.2em;
}

@media (max-width: 1023px) {
    .mtw-tb1[b-dgmh5000nj] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 32px 0;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock10.razor.rz.scp.css */
.mtw-tb10[b-yprshpgqwq] {
    padding: 56px 0;
    background: var(--mtw-white);
    text-align: center;
    /* Recolour <span class="mtw-highlight"> phrases to lime, matching the quote marks. */
    --mtw-highlight-color: var(--mtw-lime);
}

.mtw-tb10__inner[b-yprshpgqwq] {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding: 32px 100px;
}

.mtw-tb10__open-mark[b-yprshpgqwq],
.mtw-tb10__close-mark[b-yprshpgqwq] {
    position: absolute;
    width: 100px;
    height: auto;
}

.mtw-tb10__open-mark[b-yprshpgqwq] {
    top: 0;
    left: 0;
}

.mtw-tb10__close-mark[b-yprshpgqwq] {
    bottom: 80px; /* sit above the author line */
    right: 0;
}

.mtw-tb10__quote[b-yprshpgqwq] {
    margin: 0;
    position: relative;
    z-index: 1;
}

.mtw-tb10__author[b-yprshpgqwq] {
    margin-top: 32px;
    color: #777;
}

@media (max-width: 1023px) {
    .mtw-tb10[b-yprshpgqwq] { padding: 48px 0; }
    .mtw-tb10__inner[b-yprshpgqwq] { padding: 24px 60px; }
    .mtw-tb10__open-mark[b-yprshpgqwq],
    .mtw-tb10__close-mark[b-yprshpgqwq] { width: 70px; }
    .mtw-tb10__close-mark[b-yprshpgqwq] { bottom: 70px; }
}

@media (max-width: 639px) {
    .mtw-tb10__inner[b-yprshpgqwq] { padding: 16px 32px; }
    .mtw-tb10__open-mark[b-yprshpgqwq],
    .mtw-tb10__close-mark[b-yprshpgqwq] { width: 56px; }
    .mtw-tb10__close-mark[b-yprshpgqwq] { bottom: 64px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock11.razor.rz.scp.css */
.mtw-tb11[b-s3zokgxlzx] {
    padding: 80px 24px;
    text-align: center;
    /* Bleed out of the .mtw-page container so the coloured band spans the full viewport */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.mtw-tb11--lime[b-s3zokgxlzx]    { background: var(--mtw-lime); }
.mtw-tb11--magenta[b-s3zokgxlzx] { background: var(--mtw-magenta); }
.mtw-tb11--purple[b-s3zokgxlzx]  { background: var(--mtw-purple); }
.mtw-tb11--plum[b-s3zokgxlzx]    { background: var(--mtw-plum); }

.mtw-tb11__inner[b-s3zokgxlzx] {
    max-width: 1200px;
    margin: 0 auto;
}

.mtw-tb11__actions[b-s3zokgxlzx] {
    margin-top: 32px;
}

/* Auto-contrast: dark text on bright bgs, white text on dark bgs. */
.mtw-tb11--purple .mtw-tb11__heading[b-s3zokgxlzx],
.mtw-tb11--plum  .mtw-tb11__heading[b-s3zokgxlzx] {
    color: var(--mtw-white);
}

@media (max-width: 1023px) {
    .mtw-tb11[b-s3zokgxlzx] { padding: 48px 24px; }
    .mtw-tb11__actions[b-s3zokgxlzx] { margin-top: 24px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock2.razor.rz.scp.css */
.mtw-tb2[b-rbcjbd46hk] {
    padding: 56px 0;
    background: var(--mtw-white);
    text-align: center;
}

.mtw-tb2__text[b-rbcjbd46hk] {
    max-width: 720px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .mtw-tb2[b-rbcjbd46hk] {
        padding: 48px 0;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock3.razor.rz.scp.css */
.mtw-tb3[b-07cuj7t6ei] {
    padding: 56px 0;
    background: var(--mtw-white);
    text-align: center;
}

.mtw-tb3__text[b-07cuj7t6ei] {
    max-width: 860px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .mtw-tb3[b-07cuj7t6ei] {
        padding: 48px 0;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock4.razor.rz.scp.css */
.mtw-tb4[b-qjbwgeaf04] {
    padding: 56px 0;
    background: var(--mtw-white);
}

.mtw-tb4__row[b-qjbwgeaf04] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
}

@media (max-width: 1023px) {
    .mtw-tb4[b-qjbwgeaf04] {
        padding: 48px 0;
    }
    .mtw-tb4__row[b-qjbwgeaf04] {
        gap: 24px;
    }
}

/* Compact variant — shrinks the discs and their internal font sizes so
   four stat circles fit on one desktop row inside the homepage's
   1200px container. ::deep reaches into the nested MtwStatCircle's
   scope to override its size. */
@media (min-width: 1024px) {
    .mtw-tb4--compact .mtw-tb4__row[b-qjbwgeaf04] {
        flex-wrap: nowrap;
        gap: 20px;
    }
    .mtw-tb4--compact[b-qjbwgeaf04]  .mtw-stat-circle {
        width: 250px;
        height: 250px;
        padding: 28px 24px;
    }
    .mtw-tb4--compact[b-qjbwgeaf04]  .mtw-stat-circle__number--xl { font-size: 66px; }
    .mtw-tb4--compact[b-qjbwgeaf04]  .mtw-stat-circle__number--lg { font-size: 54px; }
    .mtw-tb4--compact[b-qjbwgeaf04]  .mtw-stat-circle__number--md { font-size: 46px; }
    .mtw-tb4--compact[b-qjbwgeaf04]  .mtw-stat-circle__number--sm { font-size: 38px; }
    .mtw-tb4--compact[b-qjbwgeaf04]  .mtw-stat-circle__caption    { max-width: 180px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock5.razor.rz.scp.css */
.mtw-tb5[b-rip4ifn6z4] {
    display: grid;
    /* Match MtwTextBlock1's 4fr 6fr split so when both blocks appear on the
       same page (e.g. /about-the-movement), the body columns line up
       vertically — fixes Ant's feedback that the second section's right-hand
       text was floating further right than the first's. */
    grid-template-columns: 4fr 6fr;
    gap: 64px;
    padding: 56px 0;
    background: var(--mtw-white);
    /* No overflow clipping at the section level — the body of the page has
       `overflow-x: clip` so the decorative circle peeking past the right
       edge trails off softly against the viewport edge, rather than getting
       a hard straight cut from this section. */
    position: relative;
}

.mtw-tb5__col[b-rip4ifn6z4] {
    position: relative;
    z-index: 2;
}

.mtw-tb5__body-col[b-rip4ifn6z4] {
    position: relative;
    /* Reserve a gutter on the right so body text never crashes into the
       circle's visible arc as it sweeps out past the column. */
    padding-right: 56px;
}

.mtw-tb5__circle[b-rip4ifn6z4] {
    position: absolute;
    aspect-ratio: 1 / 1;
    /* Anchored to the body column's right edge but offset outward so most of
       the disc lives beyond the column / page. With body { overflow-x: clip }
       the trailing slice fades off the viewport, no hard edge. */
    width: 480px;
    border-radius: 50%;
    top: 50%;
    right: -300px;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}

.mtw-tb5__circle--lime[b-rip4ifn6z4]    { background: var(--mtw-lime); }
.mtw-tb5__circle--magenta[b-rip4ifn6z4] { background: var(--mtw-magenta); }
.mtw-tb5__circle--purple[b-rip4ifn6z4]  { background: var(--mtw-purple); }
.mtw-tb5__circle--plum[b-rip4ifn6z4]    { background: var(--mtw-plum); }

.mtw-tb5__body[b-rip4ifn6z4] {
    position: relative;
    z-index: 2;
}

@media (max-width: 1023px) {
    .mtw-tb5[b-rip4ifn6z4] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 48px 0;
        /* On mobile the page IS roughly the viewport, so the circle's overflow
           can't trail off into spare viewport space the way it does on desktop.
           Without clipping it here, the disc pushes the page wide and gives the
           user horizontal scroll. `clip` (rather than `hidden`) keeps sticky
           positioning higher up working. */
        overflow-x: hidden;
        overflow-x: clip;
    }
    .mtw-tb5__body-col[b-rip4ifn6z4] {
        padding-right: 0; /* single column — no need to dodge the circle */
    }
    .mtw-tb5__circle[b-rip4ifn6z4] {
        width: 360px;
        right: -240px;
    }
}

@media (max-width: 639px) {
    .mtw-tb5__circle[b-rip4ifn6z4] {
        width: 260px;
        right: -180px;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock6.razor.rz.scp.css */
.mtw-tb6[b-zrj23l11kw] {
    padding: 56px 0;
    background: var(--mtw-white);
    text-align: center;
}

.mtw-tb6__inner[b-zrj23l11kw] {
    max-width: 860px;
    margin: 0 auto;
}

.mtw-tb6__body[b-zrj23l11kw] {
    margin-top: 32px;
}

@media (max-width: 1023px) {
    .mtw-tb6[b-zrj23l11kw] {
        padding: 48px 0;
    }
    .mtw-tb6__body[b-zrj23l11kw] {
        margin-top: 24px;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock7.razor.rz.scp.css */
.mtw-tb7[b-02qzerxld0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    padding: 56px 0;
    background: var(--mtw-white);
}

@media (max-width: 1023px) {
    .mtw-tb7[b-02qzerxld0] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 48px 0;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock8.razor.rz.scp.css */
.mtw-tb8[b-sbli1gdo48] {
    padding: 56px 0;
    background: var(--mtw-white);
}

/* The Text Block 8 inspector is a plain textarea (not the rich editor),
   so admins press Enter and get raw \n in the saved HTML. `pre-line`
   renders those newlines as line breaks while still collapsing runs of
   spaces — meaning <p>, <ul> and other block HTML the helper text invites
   admins to use still behave normally. */
.mtw-tb8__text[b-sbli1gdo48] {
    white-space: pre-line;
}

.mtw-tb8__text p[b-sbli1gdo48],
.mtw-tb8__text ul[b-sbli1gdo48],
.mtw-tb8__text ol[b-sbli1gdo48],
.mtw-tb8__text h2[b-sbli1gdo48],
.mtw-tb8__text h3[b-sbli1gdo48],
.mtw-tb8__text blockquote[b-sbli1gdo48] {
    white-space: normal;
}

@media (max-width: 1023px) {
    .mtw-tb8[b-sbli1gdo48] {
        padding: 48px 0;
    }
}
/* _content/MTW/Components/Blocks/Brand/MtwTextBlock9.razor.rz.scp.css */
.mtw-tb9[b-122pkyik9y] {
    padding: 56px 0;
    background: var(--mtw-white);
}

.mtw-tb9__heading[b-122pkyik9y] {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 48px;
}

.mtw-tb9__items[b-122pkyik9y] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 920px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .mtw-tb9[b-122pkyik9y] { padding: 48px 0; }
    .mtw-tb9__heading[b-122pkyik9y] { margin-bottom: 32px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwVideoCarousel.razor.rz.scp.css */
.mtw-video-carousel[b-yfontdbdeq] {
    max-width: 960px;
    margin: 32px auto;
    padding: 0 24px;
}

.mtw-video-carousel__stage[b-yfontdbdeq] {
    background: #000;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(23, 23, 23, 0.12);
}

.mtw-video-carousel__controls[b-yfontdbdeq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.mtw-video-carousel__arrow[b-yfontdbdeq] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--mtw-ink);
    background: var(--mtw-white);
    color: var(--mtw-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.mtw-video-carousel__arrow:hover[b-yfontdbdeq],
.mtw-video-carousel__arrow:focus-visible[b-yfontdbdeq] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    outline: none;
    transform: scale(1.08);
}

.mtw-video-carousel__arrow .material-symbols-outlined[b-yfontdbdeq] {
    font-size: 24px;
}

.mtw-video-carousel__dots[b-yfontdbdeq] {
    display: flex;
    gap: 10px;
}

.mtw-video-carousel__dot[b-yfontdbdeq] {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(23, 23, 23, 0.2);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

.mtw-video-carousel__dot:hover[b-yfontdbdeq],
.mtw-video-carousel__dot:focus-visible[b-yfontdbdeq] {
    background: rgba(23, 23, 23, 0.5);
    outline: none;
}

.mtw-video-carousel__dot--active[b-yfontdbdeq] {
    background: var(--mtw-magenta);
    transform: scale(1.3);
}

.mtw-video-carousel__counter[b-yfontdbdeq] {
    text-align: center;
    margin: 12px 0 0;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: #777;
}

@media (max-width: 639px) {
    .mtw-video-carousel[b-yfontdbdeq] { padding: 0 16px; }
    .mtw-video-carousel__arrow[b-yfontdbdeq] { width: 40px; height: 40px; }
    .mtw-video-carousel__dots[b-yfontdbdeq] { gap: 8px; }
}
/* _content/MTW/Components/Blocks/Brand/MtwVideoEmbed.razor.rz.scp.css */
.mtw-video-embed[b-2o4956daqp] {
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 24px;
}

/* 16:9 responsive container. The aspect-ratio property does the heavy
   lifting; the iframe fills 100% / 100% inside. */
.mtw-video-embed__frame[b-2o4956daqp] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 20px;
    overflow: hidden;
}

.mtw-video-embed__frame iframe[b-2o4956daqp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 639px) {
    .mtw-video-embed[b-2o4956daqp] { padding: 24px 16px; }
    .mtw-video-embed__frame[b-2o4956daqp] { border-radius: 14px; }
}
/* _content/MTW/Components/Layout/LearnerLayout.razor.rz.scp.css */
/* LearnerLayout — dashboard area shell that sits inside MtwLayout's
   brand chrome (MtwNavBar + MtwFooter + MtwCookieBanner are mounted
   directly by the layout itself, MtwPageHeaderStyle1 handles the hero).
   This file just owns the 2-column sidebar + content grid. */

.mtw-dashboard[b-uz95birq92] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 32px;
    padding: 32px 0 80px;
    align-items: start;
}

.mtw-dashboard--anon[b-uz95birq92] {
    grid-template-columns: 1fr;
    text-align: center;
    padding-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.mtw-dashboard__sidebar[b-uz95birq92] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 32px;
}

.mtw-dashboard__nav[b-uz95birq92] {
    background: var(--mtw-lime);
    padding: 24px;
    border-radius: 24px;
    box-shadow: 0 6px 18px rgba(23, 23, 23, 0.08);
}

.mtw-dashboard__main[b-uz95birq92] {
    background: var(--mtw-white);
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.06);
    min-width: 0;       /* prevents long inline content forcing the column wider than the grid track */
}

@media (max-width: 1023px) {
    .mtw-dashboard[b-uz95birq92] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .mtw-dashboard__sidebar[b-uz95birq92] { position: static; }
}

@media (max-width: 639px) {
    .mtw-dashboard[b-uz95birq92] { padding: 24px 0 48px; }
    .mtw-dashboard__main[b-uz95birq92] { padding: 20px; border-radius: 18px; }
    .mtw-dashboard__nav[b-uz95birq92] { padding: 18px; border-radius: 18px; }
}

/* === Dashboard tab strip + role-aware Overview tiles ====================
   Tabs sit at the top of the main content panel and switch between the
   generic Overview (role-aware tile grid) and the learner-specific
   My Learning view. See Dashboard.razor for tab state. */

[b-uz95birq92] .mtw-dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -8px 0 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #EAEAEA;
}

[b-uz95birq92] .mtw-dashboard-tabs__btn {
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 10px 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 15px;
    color: var(--mtw-ink);
    transition: background 0.15s ease, color 0.15s ease;
}

[b-uz95birq92] .mtw-dashboard-tabs__btn .material-symbols-outlined { font-size: 20px; }

[b-uz95birq92] .mtw-dashboard-tabs__btn:hover { background: #F2F2F2; }

[b-uz95birq92] .mtw-dashboard-tabs__btn--active {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}
[b-uz95birq92] .mtw-dashboard-tabs__btn--active:hover {
    background: var(--mtw-magenta);
}

[b-uz95birq92] .mtw-dashboard-overview {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

[b-uz95birq92] .mtw-dashboard-overview__intro {
    max-width: 640px;
}

[b-uz95birq92] .mtw-dashboard-overview__heading {
    margin: 0 0 8px;
}

[b-uz95birq92] .mtw-dashboard-overview__sub {
    margin: 0;
    color: rgba(23, 23, 23, 0.75);
}

[b-uz95birq92] .mtw-dashboard-overview__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 639px) {
    [b-uz95birq92] .mtw-dashboard-overview__grid { grid-template-columns: 1fr; }
}

/* Role-aware tile. <a> by default; the "My Learning" tab-switch uses a
   <button> with the --button modifier so we can strip default button
   chrome and match the anchor look. */
[b-uz95birq92] .mtw-dashboard-tile {
    position: relative;
    display: block;
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 18px;
    padding: 20px 24px 20px 20px;
    text-decoration: none;
    color: var(--mtw-ink);
    transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.15s ease;
    text-align: left;
}

[b-uz95birq92] .mtw-dashboard-tile:hover,
[b-uz95birq92] .mtw-dashboard-tile:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(23, 23, 23, 0.10);
    outline: none;
}

[b-uz95birq92] .mtw-dashboard-tile--button {
    appearance: none;
    border: 1px solid #EAEAEA;
    width: 100%;
    cursor: pointer;
    font: inherit;
}

[b-uz95birq92] .mtw-dashboard-tile__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F2F2F2;
    color: var(--mtw-ink);
    margin-bottom: 12px;
    font-size: 22px !important;
}

[b-uz95birq92] .mtw-dashboard-tile--lime    .mtw-dashboard-tile__icon { background: var(--mtw-lime); }
[b-uz95birq92] .mtw-dashboard-tile--magenta .mtw-dashboard-tile__icon { background: var(--mtw-magenta); color: var(--mtw-white); }
[b-uz95birq92] .mtw-dashboard-tile--purple  .mtw-dashboard-tile__icon { background: var(--mtw-purple);  color: var(--mtw-white); }
[b-uz95birq92] .mtw-dashboard-tile--plum    .mtw-dashboard-tile__icon { background: var(--mtw-plum);    color: var(--mtw-white); }

[b-uz95birq92] .mtw-dashboard-tile__title {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 6px;
}

[b-uz95birq92] .mtw-dashboard-tile__body {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 14px;
    line-height: 1.4;
    color: rgba(23, 23, 23, 0.75);
    margin: 0 0 4px;
}

[b-uz95birq92] .mtw-dashboard-tile__arrow {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 22px !important;
    color: #BBB;
    transition: color 0.15s ease, transform 0.15s ease;
}

[b-uz95birq92] .mtw-dashboard-tile:hover .mtw-dashboard-tile__arrow,
[b-uz95birq92] .mtw-dashboard-tile:focus-visible .mtw-dashboard-tile__arrow {
    color: var(--mtw-magenta);
    transform: translateX(2px);
}

/* === Skill City card — top of My Learning =============================
   Shown to every signed-in user, regardless of programme enrolment.
   Resume / Enrol button choice driven by isSkillCityEnrolled. */
[b-uz95birq92] .mtw-skill-city-card {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 24px;
    align-items: center;
    padding: 24px;
    border-radius: 22px;
    margin-bottom: 28px;
    background: linear-gradient(135deg, #E8F2D9 0%, #F2E1F0 100%);
    border: 1px solid rgba(178, 210, 54, 0.4);
    box-shadow: 0 10px 28px rgba(23, 23, 23, 0.07);
}

[b-uz95birq92] .mtw-skill-city-card--enrolled {
    background: linear-gradient(135deg, #DEEEC0 0%, #FFFFFF 100%);
    border-color: rgba(178, 210, 54, 0.6);
}

/* Gen AI card variant — purple/magenta gradient so the two long banner
   cards on My Learning sit side-by-side without looking identical. The
   eyebrow also flips to ink-on-lime when this modifier is present. */
[b-uz95birq92] .mtw-skill-city-card--genai {
    background: linear-gradient(135deg, #F2E1F0 0%, #DEDDFF 100%);
    border-color: rgba(129, 65, 151, 0.35);
}

[b-uz95birq92] .mtw-skill-city-card--genai-on {
    background: linear-gradient(135deg, #E3D1F0 0%, #FFFFFF 100%);
    border-color: rgba(129, 65, 151, 0.55);
}

[b-uz95birq92] .mtw-skill-city-card--genai .mtw-skill-city-card__eyebrow,
[b-uz95birq92] .mtw-skill-city-card--genai-on .mtw-skill-city-card__eyebrow {
    color: var(--mtw-purple);
}

/* Gen AI hero photo — pulled from the /learning page so the two long
   cards on My Learning share visual language with their landing pages.
   Same 160 × 160 footprint as the Skill City logo so they line up. */
[b-uz95birq92] .mtw-skill-city-card__logo--genai {
    width: 160px;
    height: 160px;
    object-fit: contain;
    object-position: center;
    border-radius: 18px;
    background: transparent;
}

@media (max-width: 639px) {
    [b-uz95birq92] .mtw-skill-city-card__logo--genai {
        width: 140px;
        height: 140px;
        margin: 0 auto;
    }
}

[b-uz95birq92] .mtw-skill-city-card__logo {
    width: 160px;
    height: auto;
    max-width: 100%;
}

[b-uz95birq92] .mtw-skill-city-card__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

[b-uz95birq92] .mtw-skill-city-card__eyebrow {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mtw-magenta);
}

[b-uz95birq92] .mtw-skill-city-card__title {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 800;
    font-size: 28px;
    line-height: 1.1;
    margin: 0;
    color: var(--mtw-ink);
}

[b-uz95birq92] .mtw-skill-city-card__sub {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 15px;
    line-height: 1.45;
    color: rgba(23, 23, 23, 0.78);
    margin: 0;
    max-width: 640px;
}

[b-uz95birq92] .mtw-skill-city-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

@media (max-width: 639px) {
    [b-uz95birq92] .mtw-skill-city-card {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 20px;
    }
    [b-uz95birq92] .mtw-skill-city-card__logo {
        width: 120px;
        margin: 0 auto;
    }
    [b-uz95birq92] .mtw-skill-city-card__sub { margin-left: auto; margin-right: auto; }
    [b-uz95birq92] .mtw-skill-city-card__actions { justify-content: center; }
}
/* _content/MTW/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-dzfu3h7tf6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-dzfu3h7tf6] {
    flex: 1;
}

.sidebar[b-dzfu3h7tf6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-dzfu3h7tf6] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-dzfu3h7tf6]  a, .top-row[b-dzfu3h7tf6]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-dzfu3h7tf6]  a:hover, .top-row[b-dzfu3h7tf6]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-dzfu3h7tf6]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-dzfu3h7tf6] {
        justify-content: space-between;
    }

    .top-row[b-dzfu3h7tf6]  a, .top-row[b-dzfu3h7tf6]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-dzfu3h7tf6] {
        flex-direction: row;
    }

    .sidebar[b-dzfu3h7tf6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-dzfu3h7tf6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-dzfu3h7tf6]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-dzfu3h7tf6], article[b-dzfu3h7tf6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-dzfu3h7tf6] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-dzfu3h7tf6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/MTW/Components/Layout/MtwAdminLayout.razor.rz.scp.css */
.mtw-admin[b-13nzwtkbhy] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 32px;
    margin: 24px 0 64px;
    /* Without horizontal padding the sidebar and main column sit flush
       against the viewport edges — Ant flagged the right edge clipping
       on the dashboard. Symmetric so the sidebar gets the same breathing
       room on the left. */
    padding: 0 32px;
    align-items: start;
}

.mtw-admin__nav[b-13nzwtkbhy] {
    position: sticky;
    top: 24px;
}

.mtw-admin__main[b-13nzwtkbhy] {
    min-width: 0;
}

@media (max-width: 1023px) {
    .mtw-admin[b-13nzwtkbhy] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 16px;
    }
    .mtw-admin__nav[b-13nzwtkbhy] {
        position: static;
    }
}
/* _content/MTW/Components/Layout/MtwMemberLayout.razor.rz.scp.css */
/* Members layout shell — two-column grid on desktop, off-canvas drawer on
   mobile. Mirrors MtwAdminLayout proportions so the CMS and members areas
   feel like the same shape. */

.mtw-members[b-2kwviifeyz] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 32px;
    margin: 24px 0 64px;
    align-items: start;
}

.mtw-members__nav[b-2kwviifeyz] {
    position: sticky;
    top: 24px;
}

.mtw-members__main[b-2kwviifeyz] {
    min-width: 0;
}

/* ── Hidden on desktop ── */
.mtw-members__nav-toggle[b-2kwviifeyz],
.mtw-members__backdrop[b-2kwviifeyz],
.mtw-members__nav-close[b-2kwviifeyz] {
    display: none;
}

/* ── Mobile drawer (≤1023px) ── */
@media (max-width: 1023px) {
    .mtw-members[b-2kwviifeyz] {
        display: block;
        margin: 16px 0 48px;
    }

    /* "Resources" toggle pill — top of the main content area, mobile only. */
    .mtw-members__nav-toggle[b-2kwviifeyz] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
        padding: 10px 18px;
        border-radius: 9999px;
        background: var(--mtw-white);
        color: var(--mtw-ink);
        border: 2px solid var(--mtw-ink);
        font-family: var(--mtw-font-display);
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.5px;
        cursor: pointer;
        transition: background 200ms ease, color 200ms ease;
    }

    .mtw-members__nav-toggle:hover[b-2kwviifeyz],
    .mtw-members__nav-toggle:focus-visible[b-2kwviifeyz] {
        background: var(--mtw-ink);
        color: var(--mtw-white);
    }

    .mtw-members__nav-toggle .material-symbols-outlined[b-2kwviifeyz] {
        font-size: 18px !important;
    }

    /* Off-canvas drawer — left-side, slides in when the layout has
       .mtw-members--nav-open. */
    .mtw-members__nav[b-2kwviifeyz] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: min(320px, 88vw);
        max-width: 100vw;
        z-index: 9100;
        background: var(--mtw-grey-light);
        padding: 24px 20px;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 250ms ease-out;
        box-shadow: 8px 0 30px rgba(0, 0, 0, 0.18);
    }

    .mtw-members--nav-open .mtw-members__nav[b-2kwviifeyz] {
        transform: translateX(0);
    }

    /* Backdrop sits between the drawer and the main content. Fades in with
       the drawer; clicking it closes the drawer. */
    .mtw-members__backdrop[b-2kwviifeyz] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 9000;
        background: rgba(23, 23, 23, 0.55);
        border: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transition: opacity 200ms ease-out;
    }

    .mtw-members--nav-open .mtw-members__backdrop[b-2kwviifeyz] {
        opacity: 1;
        pointer-events: auto;
    }

    /* Close (×) button inside the drawer, top-right. */
    .mtw-members__nav-close[b-2kwviifeyz] {
        display: inline-flex;
        position: absolute;
        top: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 2px solid var(--mtw-ink);
        background: var(--mtw-white);
        color: var(--mtw-ink);
        cursor: pointer;
        z-index: 1;
        transition: background 200ms ease, color 200ms ease;
    }

    .mtw-members__nav-close:hover[b-2kwviifeyz],
    .mtw-members__nav-close:focus-visible[b-2kwviifeyz] {
        background: var(--mtw-ink);
        color: var(--mtw-white);
    }

    .mtw-members__nav-close .material-symbols-outlined[b-2kwviifeyz] {
        font-size: 20px !important;
    }

    /* Lock body scroll while the drawer is open so the backdrop feels solid.
       Applied to the layout root since the layout is the persistent ancestor. */
    .mtw-members--nav-open[b-2kwviifeyz] {
        overflow: hidden;
    }
}
/* _content/MTW/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-e4c8rvpksp] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-e4c8rvpksp] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-e4c8rvpksp] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-e4c8rvpksp] {
    font-size: 1.1rem;
}

.bi[b-e4c8rvpksp] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-e4c8rvpksp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-e4c8rvpksp] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-e4c8rvpksp] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-e4c8rvpksp] {
        padding-bottom: 1rem;
    }

    .nav-item[b-e4c8rvpksp]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-e4c8rvpksp]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-e4c8rvpksp]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-e4c8rvpksp] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-e4c8rvpksp] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-e4c8rvpksp] {
        display: none;
    }

    .nav-scrollable[b-e4c8rvpksp] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/MTW/Components/Layout/RemoteIFrameLayout.razor.rz.scp.css */
.page[b-usf4pt4agf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-usf4pt4agf] {
    flex: 1;
}

.sidebar[b-usf4pt4agf] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-usf4pt4agf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-usf4pt4agf]  a, .top-row[b-usf4pt4agf]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-usf4pt4agf]  a:hover, .top-row[b-usf4pt4agf]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-usf4pt4agf]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-usf4pt4agf] {
        justify-content: space-between;
    }

    .top-row[b-usf4pt4agf]  a, .top-row[b-usf4pt4agf]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-usf4pt4agf] {
        flex-direction: row;
    }

    .sidebar[b-usf4pt4agf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-usf4pt4agf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-usf4pt4agf]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-usf4pt4agf], article[b-usf4pt4agf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-usf4pt4agf] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-usf4pt4agf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/MTW/Components/Pages/Admin/Files.razor.rz.scp.css */
.mtw-admin-files__upload[b-4niw11d6rx] {
    border: 2px dashed #D0D0D0;
    border-radius: 16px;
    padding: 24px;
    background: var(--mtw-grey-light);
    transition: border-color 200ms ease, background 200ms ease;
}

.mtw-admin-files__upload:hover[b-4niw11d6rx] {
    border-color: var(--mtw-magenta);
    background: var(--mtw-white);
}

.mtw-admin-files__input[b-4niw11d6rx] {
    width: 100%;
    cursor: pointer;
    font-family: var(--mtw-font-display);
    color: var(--mtw-ink);
}

/* ── Toolbar (search + view toggle + count) ────────────────────── */
.mtw-admin-files__toolbar[b-4niw11d6rx] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 16px 0;
    flex-wrap: wrap;
}

.mtw-admin-files__search[b-4niw11d6rx] {
    position: relative;
    flex: 1 1 280px;
    display: flex;
    align-items: center;
}

.mtw-admin-files__search .material-symbols-outlined[b-4niw11d6rx] {
    position: absolute;
    left: 12px;
    color: #777;
    pointer-events: none;
}

.mtw-admin-files__search input[b-4niw11d6rx] {
    width: 100%;
    padding-left: 40px;
    padding-right: 32px;
}

.mtw-admin-files__search-clear[b-4niw11d6rx] {
    position: absolute;
    right: 6px;
    background: none;
    border: 0;
    font-size: 22px;
    line-height: 1;
    color: #777;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
}

.mtw-admin-files__search-clear:hover[b-4niw11d6rx] {
    background: var(--mtw-grey-light);
    color: var(--mtw-ink);
}

.mtw-admin-files__view-toggle[b-4niw11d6rx] {
    display: inline-flex;
    border: 2px solid #E0E0E0;
    border-radius: 10px;
    overflow: hidden;
    background: var(--mtw-white);
}

.mtw-admin-files__view-btn[b-4niw11d6rx] {
    background: var(--mtw-white);
    border: 0;
    padding: 8px 12px;
    cursor: pointer;
    color: #555;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mtw-admin-files__view-btn:hover[b-4niw11d6rx] {
    background: var(--mtw-grey-light);
    color: var(--mtw-ink);
}

.mtw-admin-files__view-btn--active[b-4niw11d6rx] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-admin-files__view-btn--active:hover[b-4niw11d6rx] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-admin-files__view-btn .material-symbols-outlined[b-4niw11d6rx] {
    font-size: 20px;
}

.mtw-admin-files__count[b-4niw11d6rx] {
    font-family: var(--mtw-font-display);
    font-size: 13px;
    color: #777;
}

/* ── Grid view (thumbnails) ───────────────────────────────────── */
.mtw-admin-files__grid[b-4niw11d6rx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin: 12px 0;
}

.mtw-admin-files__tile[b-4niw11d6rx] {
    background: var(--mtw-white);
    border: 1px solid #E5E5E5;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mtw-admin-files__tile:hover[b-4niw11d6rx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.08);
}

.mtw-admin-files__thumb[b-4niw11d6rx] {
    aspect-ratio: 4 / 3;
    background: var(--mtw-grey-light);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mtw-admin-files__thumb img[b-4niw11d6rx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mtw-admin-files__thumb .material-symbols-outlined[b-4niw11d6rx] {
    font-size: 56px;
    color: #999;
}

.mtw-admin-files__meta[b-4niw11d6rx] {
    padding: 12px 14px 4px;
    flex: 1;
    min-width: 0;
}

.mtw-admin-files__name[b-4niw11d6rx] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 14px;
    color: var(--mtw-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mtw-admin-files__sub[b-4niw11d6rx] {
    font-family: var(--mtw-font-display);
    font-size: 12px;
    color: #777;
    margin-top: 2px;
}

.mtw-admin-files__actions[b-4niw11d6rx] {
    display: flex;
    gap: 10px;
    padding: 8px 14px 12px;
    flex-wrap: wrap;
    font-size: 13px;
}

/* ── List view row thumbnail ──────────────────────────────────── */
.mtw-admin-files__row-thumb[b-4niw11d6rx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 36px;
    background: var(--mtw-grey-light);
    border-radius: 6px;
    overflow: hidden;
}

.mtw-admin-files__row-thumb img[b-4niw11d6rx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mtw-admin-files__row-thumb .material-symbols-outlined[b-4niw11d6rx] {
    font-size: 22px;
    color: #999;
}
/* _content/MTW/Components/Pages/Admin/Forms/FormsDetail.razor.rz.scp.css */
.mtw-admin-forms-detail__dl[b-6lvp6iun6s] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 8px 16px;
    margin: 0;
}

.mtw-admin-forms-detail__dl dt[b-6lvp6iun6s] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    color: #555;
    padding-top: 4px;
}

.mtw-admin-forms-detail__dl dd[b-6lvp6iun6s] {
    margin: 0;
    font-family: var(--mtw-font-display);
    color: var(--mtw-ink);
}

.mtw-admin-forms-detail__dl dd code[b-6lvp6iun6s] {
    background: var(--mtw-grey-light);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 13px;
}

@media (max-width: 639px) {
    .mtw-admin-forms-detail__dl[b-6lvp6iun6s] {
        grid-template-columns: 1fr;
        gap: 4px 0;
    }
    .mtw-admin-forms-detail__dl dt[b-6lvp6iun6s] {
        margin-top: 12px;
    }
}
/* _content/MTW/Components/Pages/Admin/Forms/FormsList.razor.rz.scp.css */
.mtw-admin-forms__layout[b-tia1xeqya6] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
    align-items: start;
}

.mtw-admin-forms__sidebar[b-tia1xeqya6] {
    background: var(--mtw-white);
    border: 1px solid #E5E5E5;
    border-radius: 14px;
    padding: 16px;
    position: sticky;
    top: 24px;
}

.mtw-admin-forms__nav[b-tia1xeqya6] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mtw-admin-forms__nav-btn[b-tia1xeqya6] {
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    padding: 8px 12px;
    border-radius: 8px;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: var(--mtw-ink);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    transition: background 0.15s ease;
}

.mtw-admin-forms__nav-btn:hover[b-tia1xeqya6] {
    background: var(--mtw-grey-light);
}

.mtw-admin-forms__nav-btn--active[b-tia1xeqya6] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-admin-forms__nav-btn--active:hover[b-tia1xeqya6] {
    background: var(--mtw-ink);
}

.mtw-admin-forms__nav-btn--active .mtw-admin-pill[b-tia1xeqya6] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
}

.mtw-admin-forms__list-wrap[b-tia1xeqya6] {
    min-width: 0;
}

.mtw-admin-forms__toolbar[b-tia1xeqya6] {
    margin: 0 0 12px;
}

.mtw-admin-forms__toolbar input[b-tia1xeqya6] {
    width: 100%;
    max-width: 480px;
}

.mtw-admin-forms__row[b-tia1xeqya6] {
    cursor: pointer;
    transition: background 0.1s ease;
}

.mtw-admin-forms__row:hover[b-tia1xeqya6] {
    background: var(--mtw-grey-light);
}

@media (max-width: 1023px) {
    .mtw-admin-forms__layout[b-tia1xeqya6] {
        grid-template-columns: 1fr;
    }
    .mtw-admin-forms__sidebar[b-tia1xeqya6] {
        position: static;
    }
}
/* _content/MTW/Components/Pages/Admin/Index.razor.rz.scp.css */
.mtw-admin-dash[b-l50shvhmf3] {
    padding: 8px 0 80px;
}

/* ---- Hero --------------------------------------------------------------- */
.mtw-admin-dash__hero[b-l50shvhmf3] {
    position: relative;
    overflow: hidden;
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 36px 40px;
    margin-bottom: 28px;
}

.mtw-admin-dash__hero-content[b-l50shvhmf3] {
    position: relative;
    z-index: 1;
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtw-admin-dash__sub[b-l50shvhmf3] {
    margin: 0;
    color: var(--mtw-ink);
    opacity: 0.85;
}

/* Decorative brand circles bleeding off the right edge */
.mtw-admin-dash__hero-circle[b-l50shvhmf3] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.mtw-admin-dash__hero-circle--lime[b-l50shvhmf3] {
    width: 220px;
    height: 220px;
    background: var(--mtw-lime);
    top: -90px;
    right: -40px;
    opacity: 0.85;
}

.mtw-admin-dash__hero-circle--magenta[b-l50shvhmf3] {
    width: 110px;
    height: 110px;
    background: var(--mtw-magenta);
    top: 60%;
    right: 80px;
    opacity: 0.9;
}

/* ---- Tiles -------------------------------------------------------------- */
.mtw-admin-dash__tiles[b-l50shvhmf3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.mtw-admin-dash__tile[b-l50shvhmf3] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 28px 32px 36px;
    border-radius: 24px;
    color: var(--mtw-white);
    text-decoration: none;
    transition: transform 200ms ease, box-shadow 200ms ease;
    overflow: hidden;
}

.mtw-admin-dash__tile:hover[b-l50shvhmf3],
.mtw-admin-dash__tile:focus-visible[b-l50shvhmf3] {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(23, 23, 23, 0.14);
}

.mtw-admin-dash__tile--magenta[b-l50shvhmf3] { background: var(--mtw-magenta); }
.mtw-admin-dash__tile--lime[b-l50shvhmf3]    { background: var(--mtw-lime);    color: var(--mtw-ink); }
.mtw-admin-dash__tile--purple[b-l50shvhmf3]  { background: var(--mtw-purple); }
.mtw-admin-dash__tile--plum[b-l50shvhmf3]    { background: var(--mtw-plum); }

.mtw-admin-dash__tile h3[b-l50shvhmf3] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 22px;
    margin: 4px 0 0;
}

.mtw-admin-dash__tile p[b-l50shvhmf3] {
    margin: 0;
    font-size: 15px;
    opacity: 0.92;
    max-width: 320px;
}

.mtw-admin-dash__tile-icon[b-l50shvhmf3] {
    font-size: 36px !important;
}

.mtw-admin-dash__tile-arrow[b-l50shvhmf3] {
    position: absolute;
    bottom: 20px;
    right: 24px;
    font-size: 26px !important;
    opacity: 0.8;
    transition: transform 200ms ease, opacity 200ms ease;
}

.mtw-admin-dash__tile:hover .mtw-admin-dash__tile-arrow[b-l50shvhmf3] {
    transform: translateX(4px);
    opacity: 1;
}

@media (max-width: 1023px) {
    .mtw-admin-dash__hero[b-l50shvhmf3] { padding: 28px; }
    .mtw-admin-dash__hero-circle--lime[b-l50shvhmf3] { width: 160px; height: 160px; top: -60px; right: -30px; }
    .mtw-admin-dash__hero-circle--magenta[b-l50shvhmf3] { width: 70px; height: 70px; right: 60px; }
}

@media (max-width: 639px) {
    .mtw-admin-dash__tiles[b-l50shvhmf3] { grid-template-columns: 1fr; }
    .mtw-admin-dash__hero-circle--magenta[b-l50shvhmf3] { display: none; }
}
/* _content/MTW/Components/Pages/Admin/Newsletters/NewsletterEdit.razor.rz.scp.css */
.mtw-admin-newsletter__editor-head[b-my9lgj2c97] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.mtw-admin-newsletter__editor-actions[b-my9lgj2c97] {
    display: flex;
    gap: 16px;
    align-items: center;
}

/* GrapesJS canvas — give it a sensible default height + a frame that matches the
   admin panel style. The editor's own toolbar/sidebars render inside this box. */
.mtw-admin-newsletter__editor[b-my9lgj2c97] {
    height: 720px;
    border: 1px solid #DDD;
    border-radius: 16px;
    overflow: hidden;
    background: var(--mtw-grey-light);
}

@media (max-width: 1023px) {
    .mtw-admin-newsletter__editor[b-my9lgj2c97] { height: 560px; }
}
/* _content/MTW/Components/Pages/Admin/News/NewsEdit.razor.rz.scp.css */
.mtw-admin-news-edit__previews[b-g3y8b6e72z] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.mtw-admin-news-edit__preview[b-g3y8b6e72z] {
    padding: 12px;
    border: 1px dashed #CCC;
    border-radius: 16px;
    background: var(--mtw-grey-light);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mtw-admin-news-edit__preview-label[b-g3y8b6e72z] {
    font-family: var(--mtw-font-display);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #777;
}

.mtw-admin-news-edit__preview img[b-g3y8b6e72z] {
    max-width: 100%;
    border-radius: 12px;
    display: block;
}

@media (max-width: 767px) {
    .mtw-admin-news-edit__previews[b-g3y8b6e72z] {
        grid-template-columns: 1fr;
    }
}
/* _content/MTW/Components/Pages/Admin/Pages/PageEdit.razor.rz.scp.css */
/* NB: shared block-inspector / repeating-row chrome lives in the global
   wwwroot/css/mtw-admin.css. Scoped CSS doesn't reach child components, so
   the inspector forms wouldn't pick up styles defined here. */

.mtw-pe[b-qztv7stkmi] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 80px);   /* allow internal scroll */
    margin: -32px -32px 0;         /* break out of the admin page padding */
    background: var(--mtw-grey-light);
}

/* ----- Top bar ----- */
.mtw-pe__bar[b-qztv7stkmi] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    padding: 12px 20px;
    background: var(--mtw-white);
    border-bottom: 2px solid var(--mtw-ink);
    position: sticky;
    top: 0;
    z-index: 20;
}

.mtw-pe__bar-left[b-qztv7stkmi] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.mtw-pe__bar-left .mtw-admin-link[b-qztv7stkmi] {
    display: inline-flex;
    align-items: center;
    color: var(--mtw-ink);
}

.mtw-pe__bar-title[b-qztv7stkmi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mtw-pe__bar-title strong[b-qztv7stkmi] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 16px;
    line-height: 1.2;
    color: var(--mtw-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 360px;
}

.mtw-pe__bar-slug[b-qztv7stkmi] {
    font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, monospace;
    font-size: 12px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 360px;
}

.mtw-pe__bar-status[b-qztv7stkmi] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-self: center;
}

.mtw-pe__saved[b-qztv7stkmi] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    transition: background 0.2s ease, color 0.2s ease;
}

.mtw-pe__saved--clean[b-qztv7stkmi]  { background: #E9F4D0; color: #4E6B12; }
.mtw-pe__saved--saving[b-qztv7stkmi] { background: #FFE4F1; color: #9C0B5A; }
.mtw-pe__saved--dirty[b-qztv7stkmi]  { background: #FFF1D6; color: #8A5A0B; }

.mtw-pe__bar-actions[b-qztv7stkmi] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-self: end;
}

.mtw-pe__bar-actions .mtw-admin-link[b-qztv7stkmi] { font-size: 13px; }
.mtw-pe__bar-actions .mtw-btn[b-qztv7stkmi] { margin-bottom: 0; }

/* "More" kebab using native <details>. */
.mtw-pe__more[b-qztv7stkmi] {
    position: relative;
}

.mtw-pe__more-trigger[b-qztv7stkmi] {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
}

.mtw-pe__more-trigger[b-qztv7stkmi]::-webkit-details-marker { display: none; }
.mtw-pe__more-trigger[b-qztv7stkmi]::marker { content: none; }

.mtw-pe__more-menu[b-qztv7stkmi] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 14px;
    box-shadow: 0 8px 0 var(--mtw-ink);
    padding: 8px;
    min-width: 200px;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mtw-pe__more-item[b-qztv7stkmi] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 8px;
    padding: 8px 12px;
    text-align: left;
    cursor: pointer;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 14px;
    color: var(--mtw-ink);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mtw-pe__more-item:hover[b-qztv7stkmi] { background: var(--mtw-grey-light); }
.mtw-pe__more-item .material-symbols-outlined[b-qztv7stkmi] { font-size: 18px; }
.mtw-pe__more-item--danger[b-qztv7stkmi] { color: #C0294C; }

/* ----- Three-column body ----- */
.mtw-pe__body[b-qztv7stkmi] {
    flex: 1;
    display: grid;
    grid-template-columns: 240px 1fr 400px;
    min-height: 0;
}

.mtw-pe__palette[b-qztv7stkmi] {
    background: var(--mtw-white);
    border-right: 2px solid var(--mtw-ink);
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtw-pe__palette-head[b-qztv7stkmi] {
    padding: 8px 4px;
}

.mtw-pe__palette-list[b-qztv7stkmi] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mtw-pe__palette-tile[b-qztv7stkmi] {
    appearance: none;
    background: var(--mtw-white);
    border: 1.5px solid #EAEAEA;
    border-radius: 14px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 13px;
    font-weight: 600;
    color: var(--mtw-ink);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
    text-align: left;
}

.mtw-pe__palette-tile:hover[b-qztv7stkmi] {
    background: var(--mtw-lime);
    border-color: var(--mtw-ink);
    transform: translateX(2px);
}

.mtw-pe__palette-tile .material-symbols-outlined[b-qztv7stkmi] {
    font-size: 20px;
    color: var(--mtw-purple);
}

.mtw-pe__palette-tile-label[b-qztv7stkmi] {
    flex: 1;
    line-height: 1.2;
}

/* ----- Canvas (centre) ----- */
.mtw-pe__canvas-wrap[b-qztv7stkmi] {
    overflow-y: auto;
    background: var(--mtw-grey-light);
    padding: 24px 0;
}

/* ----- Inspector (right) ----- */
.mtw-pe__inspector[b-qztv7stkmi] {
    background: var(--mtw-white);
    border-left: 2px solid var(--mtw-ink);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.mtw-pe__inspector-head[b-qztv7stkmi] {
    flex: 0 0 auto;
    padding: 16px 20px;
    border-bottom: 1px solid #EAEAEA;
    background: var(--mtw-white);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.mtw-pe__inspector-title[b-qztv7stkmi] {
    margin: 4px 0 0;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--mtw-ink);
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.2;
}

.mtw-pe__inspector-title .material-symbols-outlined[b-qztv7stkmi] {
    color: var(--mtw-purple);
    font-size: 22px;
}

.mtw-pe__inspector-close[b-qztv7stkmi] {
    appearance: none;
    background: transparent;
    border: 1.5px solid transparent;
    border-radius: 10px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mtw-ink);
    cursor: pointer;
}

.mtw-pe__inspector-close:hover[b-qztv7stkmi] {
    background: var(--mtw-grey-light);
    border-color: var(--mtw-ink);
}

.mtw-pe__inspector-body[b-qztv7stkmi] {
    padding: 16px 20px 32px;
}

/* ----- Responsive collapse ----- */
@media (max-width: 1279px) {
    .mtw-pe__body[b-qztv7stkmi] {
        grid-template-columns: 200px 1fr 340px;
    }
}

@media (max-width: 1023px) {
    .mtw-pe[b-qztv7stkmi] {
        height: auto;
    }

    .mtw-pe__bar[b-qztv7stkmi] {
        position: static;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .mtw-pe__bar-status[b-qztv7stkmi], .mtw-pe__bar-actions[b-qztv7stkmi] { justify-self: start; flex-wrap: wrap; }

    .mtw-pe__body[b-qztv7stkmi] {
        grid-template-columns: 1fr;
    }

    .mtw-pe__palette[b-qztv7stkmi], .mtw-pe__inspector[b-qztv7stkmi] {
        border: 0;
        border-top: 2px solid var(--mtw-ink);
    }
}
/* _content/MTW/Components/Pages/Admin/Pages/PagesList.razor.rz.scp.css */
.mtw-admin-pages__filters[b-u34vd589v3] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 24px;
}

.mtw-admin-pages__search[b-u34vd589v3] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 9999px;
    padding: 8px 18px;
    min-width: 280px;
    flex: 1 1 280px;
    max-width: 480px;
}

.mtw-admin-pages__search .material-symbols-outlined[b-u34vd589v3] {
    font-size: 20px;
    color: #777;
}

.mtw-admin-pages__search input[b-u34vd589v3] {
    border: 0;
    background: transparent;
    outline: 0;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 14px;
    flex: 1;
}

.mtw-admin-pages__statusbar[b-u34vd589v3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mtw-admin-pages__table .mtw-admin-table__row[b-u34vd589v3] {
    grid-template-columns: 2fr 1.5fr 1fr 1.2fr auto;
}

.mtw-admin-pages__slug[b-u34vd589v3] {
    font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, monospace;
    font-size: 13px;
    color: #555;
    word-break: break-all;
}
/* _content/MTW/Components/Pages/Admin/Pages/PagesNew.razor.rz.scp.css */
.mtw-admin-pages-new__preview[b-3ik775tejm] {
    margin-top: 8px;
    color: #777;
}

.mtw-admin-pages-new__preview code[b-3ik775tejm] {
    background: var(--mtw-grey-light);
    padding: 2px 8px;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, monospace;
    color: var(--mtw-ink);
}

.mtw-pages-new__templates[b-3ik775tejm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}

.mtw-pages-new__template[b-3ik775tejm] {
    appearance: none;
    text-align: left;
    background: var(--mtw-white);
    border: 2px solid #EAEAEA;
    border-radius: 18px;
    padding: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    transition: border-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}

.mtw-pages-new__template:hover[b-3ik775tejm] {
    border-color: var(--mtw-ink);
    transform: translateY(-2px);
}

.mtw-pages-new__template--selected[b-3ik775tejm] {
    border-color: var(--mtw-magenta);
    background: rgba(227, 16, 139, 0.04);
    box-shadow: 0 4px 0 var(--mtw-magenta);
}

.mtw-pages-new__template-icon[b-3ik775tejm] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--mtw-grey-light);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mtw-purple);
}

.mtw-pages-new__template-icon .material-symbols-outlined[b-3ik775tejm] { font-size: 24px; }

.mtw-pages-new__template strong[b-3ik775tejm] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 16px;
    color: var(--mtw-ink);
}

.mtw-pages-new__template-desc[b-3ik775tejm] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 13px;
    color: #777;
    line-height: 1.4;
}

.mtw-pages-new__template-tick[b-3ik775tejm] {
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--mtw-magenta);
}

.mtw-pages-new__template-tick .material-symbols-outlined[b-3ik775tejm] { font-size: 22px; }
/* _content/MTW/Components/Pages/Admin/Reporting.razor.rz.scp.css */
.mtw-admin-reporting__frame[b-eypt04dyb3] {
    width: 100%;
    height: 78vh;
    border: 0;
    border-radius: 16px;
    background: var(--mtw-grey-light);
}
/* _content/MTW/Components/Pages/CampaignDetail.razor.rz.scp.css */
/* ============================================================
   /campaigns/{slug} — Campaign detail page.
   Composed from brand blocks (MtwPageHeaderStyle1, MtwTextBlock2,
   MtwTextBlock11) + bespoke section layouts.
   ============================================================ */

.mtw-campaign-detail--loading[b-s1u6j1jy70],
.mtw-campaign-detail--missing[b-s1u6j1jy70] {
    max-width: 720px;
    margin: 0 auto;
    padding: 96px 24px;
    text-align: center;
}

/* Sub-page breadcrumb — shown above the hero when the campaign has a parent. */
.mtw-campaign-breadcrumb[b-s1u6j1jy70] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 24px 0;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mtw-campaign-breadcrumb a[b-s1u6j1jy70] {
    color: var(--mtw-magenta);
    text-decoration: none;
}

.mtw-campaign-breadcrumb a:hover[b-s1u6j1jy70],
.mtw-campaign-breadcrumb a:focus-visible[b-s1u6j1jy70] {
    text-decoration: underline;
    outline: none;
}

.mtw-campaign-breadcrumb__current[b-s1u6j1jy70] {
    color: var(--mtw-ink);
    font-weight: 600;
}

/* ── CAMPAIGN LOGO ────────────────────────────────────────
   Centred lockup above the hero. Max-width keeps very wide
   marks from dominating the layout; height-cap stops tall
   monograms from pushing the hero out of the first viewport. */
.mtw-campaign-logo[b-s1u6j1jy70] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px 8px;
    text-align: center;
}

.mtw-campaign-logo img[b-s1u6j1jy70] {
    display: inline-block;
    max-width: 320px;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
}

@media (max-width: 639px) {
    .mtw-campaign-logo[b-s1u6j1jy70] { padding: 20px 16px 4px; }
    .mtw-campaign-logo img[b-s1u6j1jy70] { max-width: 220px; max-height: 90px; }
}

/* ── INTRO ───────────────────────────────────────────────── */
.mtw-campaign-intro[b-s1u6j1jy70] {
    max-width: 880px;
    margin: 0 auto;
    padding: 32px 24px 0;
    text-align: center;
}

.mtw-campaign-intro__body[b-s1u6j1jy70] {
    color: var(--mtw-ink);
}

.mtw-campaign-intro__body p[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-size: 20px;
    line-height: 1.55;
    margin: 0 0 16px;
}

.mtw-campaign-intro__actions[b-s1u6j1jy70] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin: 24px 0 8px;
}

/* ── GENERIC BLOCK ───────────────────────────────────────── */
.mtw-campaign-block[b-s1u6j1jy70] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 24px 24px;
}

.mtw-campaign-rule[b-s1u6j1jy70] {
    border: 0;
    border-top: 1px solid #e5e5e5;
    margin: 0 0 32px;
}

.mtw-campaign-block__heading[b-s1u6j1jy70] {
    text-align: center;
    margin: 0 0 56px;
    color: var(--mtw-magenta);
}

.mtw-campaign-block__sub[b-s1u6j1jy70] {
    text-align: center;
    color: #555;
    max-width: 720px;
    margin: 0 auto 28px;
}

.mtw-campaign-block__body[b-s1u6j1jy70] {
    max-width: 880px;
    margin: 0 auto;
}

.mtw-campaign-block__body p[b-s1u6j1jy70],
.mtw-campaign-block__body li[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-size: 19px;
    line-height: 1.6;
    color: var(--mtw-ink);
    margin: 0 0 14px;
}

.mtw-campaign-block__body h2[b-s1u6j1jy70],
.mtw-campaign-block__body h3[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    color: var(--mtw-ink);
    margin: 28px 0 12px;
}

.mtw-campaign-block__body a[b-s1u6j1jy70] {
    color: var(--mtw-magenta);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s ease;
}

.mtw-campaign-block__body a:hover[b-s1u6j1jy70],
.mtw-campaign-block__body a:focus-visible[b-s1u6j1jy70] {
    color: var(--mtw-plum);
    outline: none;
}

.mtw-campaign-block__cta[b-s1u6j1jy70] {
    text-align: center;
    margin: 24px 0 0;
}

/* ── SPLIT (text + image) ────────────────────────────────── */
.mtw-campaign-block--split[b-s1u6j1jy70] { padding-bottom: 48px; }

.mtw-campaign-split[b-s1u6j1jy70] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 48px;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
}

.mtw-campaign-split--image-left[b-s1u6j1jy70] {
    grid-template-columns: 1fr 1.4fr;
}

.mtw-campaign-split--image-left .mtw-campaign-split__media[b-s1u6j1jy70] {
    order: 0;
}

.mtw-campaign-split--image-left .mtw-campaign-split__body[b-s1u6j1jy70] {
    order: 1;
}

.mtw-campaign-split__media[b-s1u6j1jy70] {
    border-radius: 30px;
    overflow: hidden;
    background: var(--mtw-grey-light, #f2f2f2);
    aspect-ratio: 4 / 3;
}

.mtw-campaign-split__media img[b-s1u6j1jy70] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtw-campaign-split__body p[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-size: 19px;
    line-height: 1.6;
    color: var(--mtw-ink);
    margin: 0 0 14px;
}

@media (max-width: 1023px) {
    .mtw-campaign-split[b-s1u6j1jy70],
    .mtw-campaign-split--image-left[b-s1u6j1jy70] { grid-template-columns: 1fr; gap: 24px; }
}

/* ── THREE-COLUMN FEATURES (e.g. WEX principles boxes) ──── */
.mtw-campaign-features[b-s1u6j1jy70] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 24px 0;
}

.mtw-campaign-feature[b-s1u6j1jy70] {
    background: var(--mtw-white);
    border-radius: 24px;
    padding: 28px 28px 24px;
    box-shadow: 0 6px 20px rgba(23, 23, 23, 0.06);
    border-top: 6px solid var(--feature-accent, var(--mtw-lime));
}

.mtw-campaign-feature__icon[b-s1u6j1jy70] {
    width: 56px;
    height: 56px;
    object-fit: contain;
    margin: 0 0 12px;
}

.mtw-campaign-feature__heading[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: var(--mtw-ink);
    margin: 0 0 14px;
}

.mtw-campaign-feature__list[b-s1u6j1jy70] {
    margin: 0;
    padding-left: 18px;
}

.mtw-campaign-feature__list li[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-size: 16px;
    line-height: 1.5;
    color: var(--mtw-ink);
    margin: 0 0 8px;
}

@media (max-width: 1023px) { .mtw-campaign-features[b-s1u6j1jy70] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 639px)  { .mtw-campaign-features[b-s1u6j1jy70] { grid-template-columns: 1fr; } }

/* ── VIDEO ───────────────────────────────────────────────── */
.mtw-campaign-block--video[b-s1u6j1jy70] { max-width: 960px; }

.mtw-campaign-video[b-s1u6j1jy70] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 30px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 16px 40px rgba(23, 23, 23, 0.12);
    margin: 16px 0 0;
}

.mtw-campaign-video iframe[b-s1u6j1jy70] {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    border: 0;
}

.mtw-campaign-video__caption[b-s1u6j1jy70] {
    text-align: center;
    margin: 12px 0 0;
    color: #555;
    font-family: var(--mtw-font-display);
    font-style: italic;
}

/* ── RESOURCES GRID ──────────────────────────────────────── */
.mtw-campaign-resources__grid[b-s1u6j1jy70] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 1100px;
    margin: 0 auto;
}

.mtw-campaign-resource[b-s1u6j1jy70] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-white);
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.08);
    text-decoration: none;
    color: var(--mtw-ink);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

.mtw-campaign-resource:hover[b-s1u6j1jy70] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(23, 23, 23, 0.14);
}

.mtw-campaign-resource__media[b-s1u6j1jy70] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: var(--mtw-grey-light, #f2f2f2);
    overflow: hidden;
}

.mtw-campaign-resource__media img[b-s1u6j1jy70] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtw-campaign-resource__body[b-s1u6j1jy70] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 22px 22px;
}

.mtw-campaign-resource__subtitle[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 13px;
    color: var(--mtw-magenta);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 6px;
}

.mtw-campaign-resource__title[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: var(--mtw-ink);
    margin: 0 0 10px;
}

.mtw-campaign-resource__copy[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    margin: 0 0 14px;
    flex: 1;
}

.mtw-campaign-resource__cta[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 13px;
    color: var(--mtw-magenta);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mtw-campaign-resource__cta .material-symbols-outlined[b-s1u6j1jy70] {
    font-size: 18px;
    transition: transform 0.2s ease;
}

.mtw-campaign-resource:hover .mtw-campaign-resource__cta .material-symbols-outlined[b-s1u6j1jy70] {
    transform: translateX(4px);
}

@media (max-width: 1023px) { .mtw-campaign-resources__grid[b-s1u6j1jy70] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 639px)  { .mtw-campaign-resources__grid[b-s1u6j1jy70] { grid-template-columns: 1fr; } }

/* ── PARTNERS ────────────────────────────────────────────── */
.mtw-campaign-partners__grid[b-s1u6j1jy70] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 960px;
    margin: 0 auto;
}

.mtw-campaign-partner[b-s1u6j1jy70] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    background: var(--mtw-white);
    border-radius: 20px;
    box-shadow: 0 6px 18px rgba(23, 23, 23, 0.06);
    text-decoration: none;
    padding: 24px;
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

a.mtw-campaign-partner:hover[b-s1u6j1jy70] {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(23, 23, 23, 0.12);
}

.mtw-campaign-partner img[b-s1u6j1jy70] {
    max-width: 80%;
    max-height: 70%;
    object-fit: contain;
}

.mtw-campaign-partner span[b-s1u6j1jy70] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    color: var(--mtw-ink);
    text-align: center;
}

@media (max-width: 1023px) { .mtw-campaign-partners__grid[b-s1u6j1jy70] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 639px)  { .mtw-campaign-partners__grid[b-s1u6j1jy70] { grid-template-columns: repeat(2, 1fr); } }

/* _content/MTW/Components/Pages/Campaigns.razor.rz.scp.css */
/* ============================================================
   /campaigns — Our Campaigns landing.
   ============================================================ */

.mtw-campaigns[b-lcxrbe8243] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px 64px;
}

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

.mtw-campaign-card[b-lcxrbe8243] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-white);
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.08);
    text-decoration: none;
    color: var(--mtw-ink);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

.mtw-campaign-card:hover[b-lcxrbe8243] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(23, 23, 23, 0.14);
}

.mtw-campaign-card__media[b-lcxrbe8243] {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--mtw-grey-light, #f2f2f2);
}

.mtw-campaign-card__media img[b-lcxrbe8243] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtw-campaign-card__media--blank[b-lcxrbe8243] {
    background: var(--card-fill, var(--mtw-lime));
}

.mtw-campaign-card__body[b-lcxrbe8243] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 24px 28px 28px;
}

.mtw-campaign-card__heading[b-lcxrbe8243] {
    margin: 0 0 8px;
    color: var(--mtw-ink);
}

.mtw-campaign-card__tagline[b-lcxrbe8243] {
    margin: 0 0 20px;
    color: #555;
    flex: 1;
}

.mtw-campaign-card__cta[b-lcxrbe8243] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 15px;
    color: var(--mtw-magenta);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mtw-campaign-card__cta .material-symbols-outlined[b-lcxrbe8243] {
    font-size: 20px;
    transition: transform 0.2s ease;
}

.mtw-campaign-card:hover .mtw-campaign-card__cta .material-symbols-outlined[b-lcxrbe8243] {
    transform: translateX(4px);
}

@media (max-width: 1023px) {
    .mtw-campaigns__grid[b-lcxrbe8243] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 639px) {
    .mtw-campaigns__grid[b-lcxrbe8243] { grid-template-columns: 1fr; }
}
/* _content/MTW/Components/Pages/CmsPage.razor.rz.scp.css */
.mtw-cms-page__status[b-x4qakp1pcv] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 80px 24px;
}

.mtw-cms-page__preview-banner[b-x4qakp1pcv] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    text-align: center;
    padding: 10px 16px;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* _content/MTW/Components/Pages/EmployerDetail.razor.rz.scp.css */
/* ============================================================
   /employers/{slug} — Employer detail page.
   Composed from existing brand blocks (MtwPageHeaderStyle1,
   MtwTextBlock2, MtwTextBlock10, MtwTextBlock11). The only bespoke
   bits styled here are the facts band, description wrapper, video
   embeds, and case-study heading.
   ============================================================ */

.mtw-employer-detail--loading[b-532ua92eyx],
.mtw-employer-detail--missing[b-532ua92eyx] {
    max-width: 720px;
    margin: 0 auto;
    padding: 96px 24px;
    text-align: center;
}

/* Redirect-only stub — minimal centred page rendered when an admin hasn't
   written a full profile yet. Sits below the standard page header. */
.mtw-employer-stub[b-532ua92eyx] {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 24px 96px;
    text-align: center;
}

.mtw-employer-stub__lead[b-532ua92eyx] {
    color: #555;
    font-family: var(--mtw-font-display);
    font-size: 20px;
    line-height: 1.55;
    margin: 0 0 32px;
}

.mtw-employer-stub__actions[b-532ua92eyx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

/* ── FACTS BAND ──────────────────────────────────────────── */
/* Full-bleed magenta strip (carried over from the legacy site's iconic
   pink facts table). Tightened typography and rounded sit so it lives
   coherently inside the redesigned page flow. */
.mtw-employer-facts[b-532ua92eyx] {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    padding: 56px 24px;
}

.mtw-employer-facts__inner[b-532ua92eyx] {
    max-width: 880px;
    margin: 0 auto;
    display: grid;
    gap: 18px;
}

.mtw-employer-facts__row[b-532ua92eyx] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 24px;
    align-items: baseline;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.mtw-employer-facts__row:last-child[b-532ua92eyx] {
    border-bottom: 0;
    padding-bottom: 0;
}

.mtw-employer-facts__label[b-532ua92eyx] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.mtw-employer-facts__value[b-532ua92eyx] {
    font-family: var(--mtw-font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

@media (max-width: 639px) {
    .mtw-employer-facts__row[b-532ua92eyx] { grid-template-columns: 1fr; gap: 4px; }
    .mtw-employer-facts__label[b-532ua92eyx] { font-size: 14px; }
    .mtw-employer-facts__value[b-532ua92eyx] { font-size: 18px; }
}

/* ── DESCRIPTION (rich text wrapper) ─────────────────────── */
/* Matches the body container width used by MtwTextBlock8 so RTE output
   wraps at a comfortable line length. */
.mtw-employer-description[b-532ua92eyx] {
    padding: 64px 24px 32px;
}

.mtw-employer-description__inner[b-532ua92eyx] {
    max-width: 880px;
    margin: 0 auto;
}

.mtw-employer-description__inner p[b-532ua92eyx],
.mtw-employer-description__inner li[b-532ua92eyx] {
    font-family: var(--mtw-font-display);
    font-size: 20px;
    line-height: 1.55;
    color: var(--mtw-ink);
    margin: 0 0 16px;
}

.mtw-employer-description__inner h2[b-532ua92eyx],
.mtw-employer-description__inner h3[b-532ua92eyx] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    color: var(--mtw-ink);
    margin: 32px 0 12px;
}

.mtw-employer-description__inner h2[b-532ua92eyx] { font-size: 32px; line-height: 1.15; }
.mtw-employer-description__inner h3[b-532ua92eyx] { font-size: 24px; line-height: 1.2; }

.mtw-employer-description__inner a[b-532ua92eyx] {
    color: var(--mtw-magenta);
    text-decoration: underline;
}

/* ── VIDEOS ──────────────────────────────────────────────── */
.mtw-employer-videos[b-532ua92eyx] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px 24px 48px;
    display: grid;
    gap: 40px;
}

.mtw-employer-video__frame[b-532ua92eyx] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 30px;          /* matches MtwImageCard's photo radius */
    overflow: hidden;
    background: #000;
    box-shadow: 0 16px 40px rgba(23, 23, 23, 0.12);
}

.mtw-employer-video__frame iframe[b-532ua92eyx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.mtw-employer-video__caption[b-532ua92eyx] {
    text-align: center;
    margin: 12px 0 0;
    color: #555;
    font-family: var(--mtw-font-display);
    font-style: italic;
}

/* ── CASE STUDIES ────────────────────────────────────────── */
.mtw-employer-case[b-532ua92eyx] {
    max-width: 880px;
    margin: 0 auto;
    padding: 24px 24px 8px;
}

.mtw-employer-case__name[b-532ua92eyx] {
    margin: 32px 0 16px;
    color: var(--mtw-ink);
}

.mtw-employer-case__body p[b-532ua92eyx] {
    font-family: var(--mtw-font-display);
    font-size: 19px;
    line-height: 1.55;
    color: var(--mtw-ink);
    margin: 0 0 14px;
}

/* ── CASE STUDIES INTRO ──────────────────────────────────── */
.mtw-employer-cases-intro[b-532ua92eyx] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 56px 24px 0;
    text-align: center;
}

.mtw-employer-cases-intro h2[b-532ua92eyx] {
    margin: 0;
    text-align: center;
}

/* ── OPEN OPPORTUNITIES ──────────────────────────────────── */
.mtw-employer-jobs[b-532ua92eyx] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px 32px;
}

.mtw-employer-jobs__heading[b-532ua92eyx] {
    text-align: center;
    margin: 0 0 12px;
}

.mtw-employer-jobs__sub[b-532ua92eyx] {
    text-align: center;
    color: #555;
    max-width: 720px;
    margin: 0 auto 28px;
}

.mtw-employer-jobs__bar[b-532ua92eyx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 16px;
}

.mtw-employer-jobs__filters[b-532ua92eyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.mtw-employer-jobs__filters .mtw-input-base[b-532ua92eyx] {
    min-width: 180px;
}

.mtw-employer-jobs__sort[b-532ua92eyx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.mtw-employer-jobs__sort-label[b-532ua92eyx] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 14px;
    color: #555;
}

.mtw-employer-jobs__count[b-532ua92eyx] {
    margin: 0 0 16px;
    color: #555;
}

.mtw-employer-jobs__count strong[b-532ua92eyx] { color: var(--mtw-ink); }

.mtw-employer-jobs__count-aside[b-532ua92eyx] {
    color: #999;
    margin-left: 4px;
}

.mtw-employer-jobs__grid[b-532ua92eyx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 1023px) {
    .mtw-employer-jobs__grid[b-532ua92eyx] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 639px) {
    .mtw-employer-jobs__grid[b-532ua92eyx] { grid-template-columns: 1fr; }
}

.mtw-employer-jobs__empty[b-532ua92eyx] {
    text-align: center;
    color: #777;
    padding: 32px 0;
}

.mtw-employer-jobs__clear[b-532ua92eyx] {
    appearance: none;
    background: none;
    border: 0;
    color: var(--mtw-magenta);
    font-family: var(--mtw-font-display);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 8px;
    padding: 0;
}

/* Pagination control — small circular brand-coloured buttons. */
.mtw-employer-jobs__pager[b-532ua92eyx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    margin: 28px 0 8px;
}

.mtw-employer-jobs__page[b-532ua92eyx] {
    appearance: none;
    border: 2px solid var(--mtw-ink);
    background: var(--mtw-white);
    color: var(--mtw-ink);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.mtw-employer-jobs__page:hover:not(:disabled):not(.mtw-employer-jobs__page--current)[b-532ua92eyx] {
    background: var(--mtw-lime);
}

.mtw-employer-jobs__page:disabled[b-532ua92eyx] {
    opacity: 0.4;
    cursor: not-allowed;
}

.mtw-employer-jobs__page--current[b-532ua92eyx] {
    background: var(--mtw-magenta);
    border-color: var(--mtw-magenta);
    color: var(--mtw-white);
}

.mtw-employer-jobs__page .material-symbols-outlined[b-532ua92eyx] { font-size: 18px; }

.mtw-employer-jobs__ellipsis[b-532ua92eyx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 40px;
    color: #777;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 18px;
    user-select: none;
}

/* ── BACK LINK ───────────────────────────────────────────── */
.mtw-employer-back[b-532ua92eyx] {
    text-align: center;
    padding: 32px 24px 80px;
}

.mtw-employer-back__link[b-532ua92eyx] {
    color: var(--mtw-magenta);
    text-decoration: underline;
    font-family: var(--mtw-font-display);
    font-weight: 600;
}
/* _content/MTW/Components/Pages/Employers.razor.rz.scp.css */
/* /employers — Our Employers page.
   4-column grids of logo tiles with quote blocks between.
   The tile visuals live on the shared MtwLogoTile component
   (Components/Blocks/Brand/MtwLogoTile.razor) — overrides below
   are scoped via ::deep so /partners keeps its 3-col / overlay
   layout untouched. */

.mtw-employers[b-aci45pzekq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px;
}

.mtw-employers__grid[b-aci45pzekq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width: 1023px) {
    .mtw-employers__grid[b-aci45pzekq] { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}

@media (max-width: 639px) {
    .mtw-employers__grid[b-aci45pzekq] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 379px) {
    .mtw-employers__grid[b-aci45pzekq] { grid-template-columns: 1fr; }
}

/* ─── Employer-grid tile overrides ──────────────────────────────
   Bigger logo inside each tile and no hover/touch overlay. The
   shared MtwLogoTile defaults remain in place for /partners. */
.mtw-employers[b-aci45pzekq]  .mtw-logo-tile__logo {
    max-width: 85%;
    max-height: 75%;
}

/* Click-through only — no descriptive overlay. Also removes the
   "greyed-out box with title/strapline" default that (hover: none)
   was producing on mobile. */
.mtw-employers[b-aci45pzekq]  .mtw-logo-tile__overlay {
    display: none;
}
/* _content/MTW/Components/Pages/EventDetail.razor.rz.scp.css */
/* /events/{slug} — public event detail page.
   Body blocks come from the shared brand components — this file owns
   only the upcoming-event registration bar that sits under the hero. */

.mtw-event-cta-bar[b-ialboqlrvf] {
    display: flex;
    justify-content: center;
    padding: 8px 0 24px;
}

.mtw-event-detail-status[b-ialboqlrvf] {
    text-align: center;
    padding: 80px 0;
}
/* _content/MTW/Components/Pages/Events.razor.rz.scp.css */
/* /events — public listing page. */

.mtw-events[b-m0tmlotnfl] {
    padding: 16px 0 48px;
}

.mtw-events--upcoming[b-m0tmlotnfl] { padding-top: 24px; }
.mtw-events--past[b-m0tmlotnfl]     { padding-top: 48px; }

.mtw-events__status[b-m0tmlotnfl] {
    color: #777;
    text-align: center;
    padding: 40px 0;
}

.mtw-events__group-heading[b-m0tmlotnfl] {
    text-align: center;
    margin: 0 0 32px;
}

/* ─── 3-column card grid ─── */

.mtw-events__grid[b-m0tmlotnfl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

@media (max-width: 1023px) {
    .mtw-events__grid[b-m0tmlotnfl] { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

@media (max-width: 639px) {
    .mtw-events__grid[b-m0tmlotnfl] { grid-template-columns: 1fr; gap: 24px; }
}

/* ─── Card ─── */

.mtw-event-card[b-m0tmlotnfl] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-white);
}

.mtw-event-card__media[b-m0tmlotnfl] {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.07);
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

.mtw-event-card__media:hover[b-m0tmlotnfl],
.mtw-event-card__media:focus-visible[b-m0tmlotnfl] {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(23, 23, 23, 0.14);
    outline: none;
}

.mtw-event-card__media img[b-m0tmlotnfl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mtw-event-card__media-fallback[b-m0tmlotnfl] {
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    display: grid;
    place-items: center;
    color: #999;
}

.mtw-event-card__media-fallback .material-symbols-outlined[b-m0tmlotnfl] {
    font-size: 64px;
}

.mtw-event-card__type[b-m0tmlotnfl] {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--mtw-ink);
    color: var(--mtw-white);
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 999px;
}

.mtw-event-card__body[b-m0tmlotnfl] {
    padding: 20px 4px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.mtw-event-card__meta[b-m0tmlotnfl] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--mtw-magenta);
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
}

.mtw-event-card__sep[b-m0tmlotnfl] { color: var(--mtw-ink); opacity: 0.4; }

.mtw-event-card__location[b-m0tmlotnfl] { color: var(--mtw-ink); font-weight: 500; }

.mtw-event-card__title[b-m0tmlotnfl] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
    color: var(--mtw-ink);
}

.mtw-event-card__title a[b-m0tmlotnfl] {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}

.mtw-event-card__title a:hover[b-m0tmlotnfl],
.mtw-event-card__title a:focus-visible[b-m0tmlotnfl] {
    color: var(--mtw-magenta);
    outline: none;
}

.mtw-event-card__summary[b-m0tmlotnfl] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-size: 16px;
    line-height: 1.45;
    color: var(--mtw-ink);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mtw-event-card__cta-row[b-m0tmlotnfl] {
    margin-top: auto;
    padding-top: 4px;
}
/* _content/MTW/Components/Pages/Home.razor.rz.scp.css */
/* Homepage now composes brand components from
   MTW/Components/Blocks/Brand/. Each component owns its own scoped
   CSS, so this file is intentionally empty. */
/* _content/MTW/Components/Pages/Jobs/JobDetail.razor.rz.scp.css */
.mtw-job-detail[b-ob0ii5tewb] {
    padding: 32px 0 80px;
}

.mtw-job-detail__back[b-ob0ii5tewb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--mtw-ink);
    text-decoration: none;
    font-family: var(--mtw-font-display);
    font-weight: 600;
    margin-bottom: 24px;
}

.mtw-job-detail__back:hover[b-ob0ii5tewb] {
    color: var(--mtw-magenta);
}

.mtw-job-detail__hero[b-ob0ii5tewb] {
    background: var(--mtw-grey-light);
    border-radius: 32px;
    padding: 48px;
    margin-bottom: 48px;
}

.mtw-job-detail__title[b-ob0ii5tewb] {
    margin-top: 16px;
}

.mtw-job-detail__meta[b-ob0ii5tewb] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-top: 24px;
    font-family: var(--mtw-font-display);
    font-size: 16px;
}

.mtw-job-detail__meta-row[b-ob0ii5tewb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mtw-job-detail__meta-row .material-symbols-outlined[b-ob0ii5tewb] {
    font-size: 20px !important;
    opacity: 0.65;
}

.mtw-job-detail__short[b-ob0ii5tewb] {
    margin-top: 24px;
}

.mtw-job-detail__cta-top[b-ob0ii5tewb] {
    margin-top: 32px;
}

.mtw-job-detail__cta-hint[b-ob0ii5tewb] {
    margin: 12px 0 0;
    font-family: var(--mtw-font-display);
    font-size: 13px;
    color: #777;
}

.mtw-job-detail__body[b-ob0ii5tewb] {
    padding: 16px 0 48px;
}

.mtw-job-detail__accordion[b-ob0ii5tewb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 64px;
}

.mtw-job-detail__cta-bottom[b-ob0ii5tewb] {
    text-align: center;
    padding: 32px 0;
}

@media (max-width: 1023px) {
    .mtw-job-detail__hero[b-ob0ii5tewb] { padding: 32px 24px; border-radius: 24px; }
}

@media (max-width: 639px) {
    .mtw-job-detail__hero[b-ob0ii5tewb] { padding: 24px 20px; }
    .mtw-job-detail__meta[b-ob0ii5tewb] { gap: 12px 16px; font-size: 14px; }
}
/* _content/MTW/Components/Pages/Jobs/RegionList.razor.rz.scp.css */
.mtw-jobs-hero[b-vbwu076cfk] {
    padding: 48px 0 24px;
}

.mtw-jobs-status[b-vbwu076cfk] {
    padding: 64px 0;
    text-align: center;
}

@media (max-width: 1023px) {
    .mtw-jobs-hero[b-vbwu076cfk] { padding: 32px 0 16px; }
}

.mtw-region-list[b-vbwu076cfk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 16px 0 80px;
}

.mtw-region-list__tile[b-vbwu076cfk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    background: var(--mtw-grey-light);
    border-radius: 20px;
    padding: 24px;
    text-decoration: none;
    color: var(--mtw-ink);
    transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease;
}

.mtw-region-list__tile:hover[b-vbwu076cfk],
.mtw-region-list__tile:focus-visible[b-vbwu076cfk] {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(23, 23, 23, 0.08);
    background: var(--mtw-white);
}

.mtw-region-list__name[b-vbwu076cfk] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
}

.mtw-region-list__count[b-vbwu076cfk] {
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: var(--mtw-magenta);
    font-weight: 600;
}

/* Skeleton state (loading) */
.mtw-region-list__tile--skel[b-vbwu076cfk] {
    pointer-events: none;
    background: var(--mtw-grey-light);
}

.mtw-region-skel[b-vbwu076cfk] {
    height: 16px;
    border-radius: 6px;
    background: rgba(23, 23, 23, 0.10);
    animation: mtw-pulse-b-vbwu076cfk 1.5s ease-in-out infinite;
}

.mtw-region-skel--name[b-vbwu076cfk] { width: 70%; height: 22px; }
.mtw-region-skel--count[b-vbwu076cfk] { width: 45%; }

@keyframes mtw-pulse-b-vbwu076cfk {
    0%, 100% { opacity: 0.5; }
    50%      { opacity: 1; }
}

@media (max-width: 1023px) {
    .mtw-region-list[b-vbwu076cfk] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
    .mtw-region-list[b-vbwu076cfk] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 479px) {
    .mtw-region-list[b-vbwu076cfk] { grid-template-columns: 1fr; }
}
/* _content/MTW/Components/Pages/Jobs/RegionVacancies.razor.rz.scp.css */
.mtw-jobs-hero[b-kur36cr38j] {
    padding: 48px 0 24px;
}

.mtw-jobs-status[b-kur36cr38j] {
    padding: 64px 0;
    text-align: center;
}

.mtw-jobs-results[b-kur36cr38j] {
    padding: 8px 0 96px;
}

.mtw-jobs-results__bar[b-kur36cr38j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 0 24px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 24px;
}

.mtw-jobs-results__count[b-kur36cr38j] {
    color: var(--mtw-ink);
    font-size: 18px;
}

.mtw-jobs-results__count strong[b-kur36cr38j] {
    font-weight: 700;
    color: var(--mtw-magenta);
}

.mtw-jobs-results__grid[b-kur36cr38j] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

@media (max-width: 1023px) {
    .mtw-jobs-hero[b-kur36cr38j] { padding: 32px 0 16px; }
    .mtw-jobs-results__grid[b-kur36cr38j] { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 639px) {
    .mtw-jobs-results__grid[b-kur36cr38j] { grid-template-columns: 1fr; gap: 16px; }
}
/* _content/MTW/Components/Pages/Jobs/Search.razor.rz.scp.css */
/* Hero — heading + subhead with a couple of brand decoration circles.
   Earlier version pulled the hero up over MtwNavBar's margin-bottom and
   clipped the lime circle to line up with the navbar's bottom border;
   in practice the navbar's border is a faint 1px line and the eye never
   reads the curved clip as "aligned" with it. Now the circles sit
   FULLY inside the hero — no clipping, no dependency on navbar margins
   to look right. */
.mtw-jobs-hero[b-inqnpkl7ty] {
    position: relative;
    padding: 56px 0 40px;
    /* overflow: hidden so circles positioned near the right edge don't
       cause horizontal scroll on narrow viewports. */
    overflow: hidden;
}

.mtw-jobs-hero__inner[b-inqnpkl7ty] {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.mtw-jobs-hero__sub[b-inqnpkl7ty] {
    margin-top: 16px;
    color: var(--mtw-ink);
    opacity: 0.85;
}

.mtw-jobs-hero__circle[b-inqnpkl7ty] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.mtw-jobs-hero__circle--lime[b-inqnpkl7ty] {
    width: 200px;
    height: 200px;
    background: var(--mtw-lime);
    top: 16px;
    right: 18%;
    opacity: 0.85;
}

.mtw-jobs-hero__circle--magenta[b-inqnpkl7ty] {
    width: 100px;
    height: 100px;
    background: var(--mtw-magenta);
    top: 120px;
    right: 8%;
    opacity: 0.9;
}

.mtw-jobs-filters-section[b-inqnpkl7ty] {
    padding: 8px 0 32px;
}

.mtw-jobs-status[b-inqnpkl7ty] {
    padding: 64px 0;
    text-align: center;
}

.mtw-jobs-results[b-inqnpkl7ty] {
    padding: 8px 0 96px;
}

.mtw-jobs-results__bar[b-inqnpkl7ty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 0 24px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 24px;
}

.mtw-jobs-results__count[b-inqnpkl7ty] {
    color: var(--mtw-ink);
    font-size: 18px;
}

.mtw-jobs-results__count strong[b-inqnpkl7ty] {
    font-weight: 700;
    color: var(--mtw-magenta);
}

.mtw-jobs-results__count-aside[b-inqnpkl7ty] {
    color: #888;
    margin-left: 8px;
    font-size: 14px;
}

.mtw-jobs-results__sort[b-inqnpkl7ty] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mtw-jobs-results__sort-label[b-inqnpkl7ty] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    color: var(--mtw-ink);
    white-space: nowrap;
}

.mtw-jobs-results__grid[b-inqnpkl7ty] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

@media (max-width: 1023px) {
    .mtw-jobs-hero[b-inqnpkl7ty] { padding: 48px 0 32px; }
    .mtw-jobs-hero__circle--lime[b-inqnpkl7ty] { width: 150px; height: 150px; top: 12px; right: 8%; }
    .mtw-jobs-hero__circle--magenta[b-inqnpkl7ty] { width: 80px; height: 80px; top: 90px; right: 4%; }
    .mtw-jobs-results__grid[b-inqnpkl7ty] { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 639px) {
    /* On phones the heading and the lime circle want the same horizontal
       real-estate. Drop the magenta circle and tuck the lime one against
       the right edge so it reads as a brand accent rather than crowding
       the title. */
    .mtw-jobs-hero[b-inqnpkl7ty] { padding: 40px 0 24px; }
    .mtw-jobs-hero__circle--lime[b-inqnpkl7ty] { width: 120px; height: 120px; top: 4px; right: -32px; opacity: 0.7; }
    .mtw-jobs-hero__circle--magenta[b-inqnpkl7ty] { display: none; }
    .mtw-jobs-results__grid[b-inqnpkl7ty] { grid-template-columns: 1fr; gap: 16px; }
    .mtw-jobs-results__bar[b-inqnpkl7ty] { gap: 12px; }
    .mtw-jobs-results__sort[b-inqnpkl7ty] { flex: 1 1 auto; }
}
/* _content/MTW/Components/Pages/Members/MembersCategoryPage.razor.rz.scp.css */
/* Resource library category page — used by all 9 /members/{slug} routes. */

.mtw-members-cat[b-vfyno9ng9j] {
    padding: 8px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* ---- Hero --------------------------------------------------------------- */
/* White card with decorative brand circles bleeding off the right edge —
   shares the visual language of the /members dashboard hero. Primary circle
   takes the category colour; accent uses a complementary brand colour. */
.mtw-members-cat__hero[b-vfyno9ng9j] {
    position: relative;
    overflow: hidden;
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 36px 40px;
}

.mtw-members-cat__hero-content[b-vfyno9ng9j] {
    position: relative;
    z-index: 1;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtw-members-cat__hero-content .mtw-h1[b-vfyno9ng9j] { margin: 0; }
.mtw-members-cat__hero-content p[b-vfyno9ng9j] {
    margin: 0;
    color: var(--mtw-ink);
    opacity: 0.85;
    max-width: 620px;
}

/* Eyebrow with the category icon nestled inline — adds a subtle per-page
   signature without repeating the icon as a giant glyph elsewhere. */
.mtw-members-cat__hero-eyebrow[b-vfyno9ng9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mtw-members-cat__hero-eyebrow .material-symbols-outlined[b-vfyno9ng9j] {
    font-size: 18px !important;
}

/* Decorative brand circles */
.mtw-members-cat__hero-circle[b-vfyno9ng9j] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.mtw-members-cat__hero-circle--primary[b-vfyno9ng9j] {
    width: 240px;
    height: 240px;
    top: -90px;
    right: -50px;
    opacity: 0.85;
}

.mtw-members-cat__hero-circle--accent[b-vfyno9ng9j] {
    width: 110px;
    height: 110px;
    top: 58%;
    right: 70px;
    opacity: 0.9;
}

.mtw-members-cat__hero-circle--lime[b-vfyno9ng9j]    { background: var(--mtw-lime); }
.mtw-members-cat__hero-circle--magenta[b-vfyno9ng9j] { background: var(--mtw-magenta); }
.mtw-members-cat__hero-circle--purple[b-vfyno9ng9j]  { background: var(--mtw-purple); }
.mtw-members-cat__hero-circle--plum[b-vfyno9ng9j]    { background: var(--mtw-plum); }

/* ---- Filter + search row ----------------------------------------------- */
.mtw-members-cat__filters[b-vfyno9ng9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.mtw-members-cat__search[b-vfyno9ng9j] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 1 1 280px;
    max-width: 420px;
    background: var(--mtw-white);
    border: 2px solid #DDD;
    border-radius: 9999px;
    padding: 0 16px;
    transition: border-color 200ms ease;
}

.mtw-members-cat__search:focus-within[b-vfyno9ng9j] {
    border-color: var(--mtw-ink);
}

.mtw-members-cat__search > .material-symbols-outlined[b-vfyno9ng9j] {
    font-size: 20px !important;
    color: #777;
    margin-right: 8px;
}

.mtw-members-cat__search input[b-vfyno9ng9j] {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 12px 0;
    font-family: var(--mtw-font-display);
    font-size: 15px;
    color: var(--mtw-ink);
}

.mtw-members-cat__search input[b-vfyno9ng9j]::placeholder {
    color: #999;
}

.mtw-members-cat__search-clear[b-vfyno9ng9j] {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 4px;
    cursor: pointer;
    color: #777;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mtw-members-cat__search-clear:hover[b-vfyno9ng9j] {
    color: var(--mtw-ink);
}

.mtw-members-cat__search-clear .material-symbols-outlined[b-vfyno9ng9j] {
    font-size: 18px !important;
}

.mtw-members-cat__types[b-vfyno9ng9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ---- Cards -------------------------------------------------------------- */
.mtw-members-cat__grid[b-vfyno9ng9j] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.mtw-members-cat__card[b-vfyno9ng9j] {
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    padding: 24px 26px;
    color: var(--mtw-ink);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.mtw-members-cat__card:hover[b-vfyno9ng9j],
.mtw-members-cat__card:focus-visible[b-vfyno9ng9j] {
    transform: translateY(-3px);
    border-color: var(--mtw-ink);
    box-shadow: 0 14px 28px rgba(23, 23, 23, 0.10);
}

.mtw-members-cat__card-type[b-vfyno9ng9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    background: var(--mtw-grey-light);
    color: #555;
    border-radius: 9999px;
    padding: 4px 10px;
    font-family: var(--mtw-font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.mtw-members-cat__card-type .material-symbols-outlined[b-vfyno9ng9j] {
    font-size: 16px !important;
}

/* File-type-specific tints — keep the badge background neutral, only the icon
   takes the colour so the card still reads as a calm grid. */
.mtw-members-cat__card-type--pdf   .material-symbols-outlined[b-vfyno9ng9j] { color: #C0392B; }
.mtw-members-cat__card-type--doc   .material-symbols-outlined[b-vfyno9ng9j] { color: #2A5C9C; }
.mtw-members-cat__card-type--slide .material-symbols-outlined[b-vfyno9ng9j] { color: #D35400; }
.mtw-members-cat__card-type--sheet .material-symbols-outlined[b-vfyno9ng9j] { color: #1E8449; }
.mtw-members-cat__card-type--video .material-symbols-outlined[b-vfyno9ng9j] { color: #8E44AD; }
.mtw-members-cat__card-type--image .material-symbols-outlined[b-vfyno9ng9j] { color: #16A085; }
.mtw-members-cat__card-type--zip   .material-symbols-outlined[b-vfyno9ng9j] { color: #7F8C8D; }
.mtw-members-cat__card-type--link  .material-symbols-outlined[b-vfyno9ng9j] { color: var(--mtw-magenta); }

.mtw-members-cat__card-title[b-vfyno9ng9j] {
    font-family: var(--mtw-font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    color: var(--mtw-ink);
}

.mtw-members-cat__card-desc[b-vfyno9ng9j] {
    margin: 0;
    font-size: 15px;
    color: #555;
    line-height: 1.5;
}

.mtw-members-cat__card-meta[b-vfyno9ng9j] {
    margin-top: auto;
    padding-top: 8px;
    font-size: 12px;
    color: #888;
    letter-spacing: 0.3px;
}

/* ---- Empty + status ---------------------------------------------------- */
.mtw-members-cat__status[b-vfyno9ng9j] {
    margin: 0;
    color: #555;
}

.mtw-members-cat__empty[b-vfyno9ng9j] {
    background: var(--mtw-grey-light);
    border-radius: 20px;
    padding: 36px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.mtw-members-cat__empty-icon[b-vfyno9ng9j] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--mtw-white);
    color: var(--mtw-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.mtw-members-cat__empty-icon .material-symbols-outlined[b-vfyno9ng9j] { font-size: 28px !important; }

.mtw-members-cat__empty p[b-vfyno9ng9j] { margin: 0; max-width: 520px; }

.mtw-members-cat__empty a[b-vfyno9ng9j] {
    color: var(--mtw-magenta);
    text-decoration: none;
    font-weight: 600;
}

.mtw-members-cat__empty a:hover[b-vfyno9ng9j] { text-decoration: underline; }

/* ---- Suggest-a-resource footer ----------------------------------------- */
.mtw-members-cat__suggest[b-vfyno9ng9j] {
    padding-top: 16px;
    border-top: 1px solid #DDD;
    text-align: center;
}

.mtw-members-cat__suggest a[b-vfyno9ng9j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mtw-magenta);
    text-decoration: none;
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 15px;
}

.mtw-members-cat__suggest a:hover[b-vfyno9ng9j] { text-decoration: underline; }

.mtw-members-cat__suggest .material-symbols-outlined[b-vfyno9ng9j] {
    font-size: 18px !important;
}

/* ---- Category-not-found ------------------------------------------------ */
.mtw-members-cat__missing[b-vfyno9ng9j] {
    background: var(--mtw-grey-light);
    border-radius: 24px;
    padding: 36px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mtw-members-cat__missing a[b-vfyno9ng9j] {
    color: var(--mtw-magenta);
    text-decoration: none;
    font-weight: 600;
}

.mtw-members-cat__missing a:hover[b-vfyno9ng9j] { text-decoration: underline; }

/* ---- Responsive -------------------------------------------------------- */
@media (max-width: 1023px) {
    .mtw-members-cat__hero[b-vfyno9ng9j] { padding: 28px; }
    .mtw-members-cat__hero-circle--primary[b-vfyno9ng9j] {
        width: 180px;
        height: 180px;
        top: -70px;
        right: -40px;
    }
    .mtw-members-cat__hero-circle--accent[b-vfyno9ng9j] {
        width: 80px;
        height: 80px;
        right: 60px;
    }
}

@media (max-width: 639px) {
    .mtw-members-cat__grid[b-vfyno9ng9j] { grid-template-columns: 1fr; }
    .mtw-members-cat__hero[b-vfyno9ng9j] { padding: 24px; }
    .mtw-members-cat__hero-circle--accent[b-vfyno9ng9j] { display: none; }
}
/* _content/MTW/Components/Pages/Members/MembersHome.razor.rz.scp.css */
/* Members dashboard — mirrors /admin Index visually. Hero with decorative
   brand circles, brand-colour tile grid, posts feed below. */

.mtw-members-dash[b-jrpen2czly] {
    padding: 8px 0 80px;
}

/* ---- Hero --------------------------------------------------------------- */
.mtw-members-dash__hero[b-jrpen2czly] {
    position: relative;
    overflow: hidden;
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 36px 40px;
    margin-bottom: 28px;
}

.mtw-members-dash__hero-content[b-jrpen2czly] {
    position: relative;
    z-index: 1;
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtw-members-dash__sub[b-jrpen2czly] {
    margin: 0;
    color: var(--mtw-ink);
    opacity: 0.85;
}

.mtw-members-dash__sub a[b-jrpen2czly] {
    color: var(--mtw-magenta);
    text-decoration: none;
    font-weight: 600;
}

.mtw-members-dash__sub a:hover[b-jrpen2czly] {
    text-decoration: underline;
}

/* Decorative brand circles bleeding off the right edge */
.mtw-members-dash__hero-circle[b-jrpen2czly] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.mtw-members-dash__hero-circle--lime[b-jrpen2czly] {
    width: 220px;
    height: 220px;
    background: var(--mtw-lime);
    top: -90px;
    right: -40px;
    opacity: 0.85;
}

.mtw-members-dash__hero-circle--magenta[b-jrpen2czly] {
    width: 110px;
    height: 110px;
    background: var(--mtw-magenta);
    top: 60%;
    right: 80px;
    opacity: 0.9;
}

/* ---- Tiles -------------------------------------------------------------- */
.mtw-members-dash__tiles[b-jrpen2czly] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 48px;
}

.mtw-members-dash__tile[b-jrpen2czly] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 28px 32px 36px;
    border-radius: 24px;
    color: var(--mtw-white);
    text-decoration: none;
    transition: transform 200ms ease, box-shadow 200ms ease;
    overflow: hidden;
}

.mtw-members-dash__tile:hover[b-jrpen2czly],
.mtw-members-dash__tile:focus-visible[b-jrpen2czly] {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(23, 23, 23, 0.14);
}

.mtw-members-dash__tile--magenta[b-jrpen2czly] { background: var(--mtw-magenta); }
.mtw-members-dash__tile--lime[b-jrpen2czly]    { background: var(--mtw-lime);    color: var(--mtw-ink); }
.mtw-members-dash__tile--purple[b-jrpen2czly]  { background: var(--mtw-purple); }
.mtw-members-dash__tile--plum[b-jrpen2czly]    { background: var(--mtw-plum); }

.mtw-members-dash__tile h3[b-jrpen2czly] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 22px;
    margin: 4px 0 0;
}

.mtw-members-dash__tile p[b-jrpen2czly] {
    margin: 0;
    font-size: 15px;
    opacity: 0.92;
    max-width: 320px;
}

.mtw-members-dash__tile-icon[b-jrpen2czly] {
    font-size: 36px !important;
}

.mtw-members-dash__tile-arrow[b-jrpen2czly] {
    position: absolute;
    bottom: 20px;
    right: 24px;
    font-size: 26px !important;
    opacity: 0.8;
    transition: transform 200ms ease, opacity 200ms ease;
}

.mtw-members-dash__tile:hover .mtw-members-dash__tile-arrow[b-jrpen2czly] {
    transform: translateX(4px);
    opacity: 1;
}

/* ---- Posts feed --------------------------------------------------------- */
.mtw-members-dash__feed[b-jrpen2czly] {
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 32px 36px;
}

.mtw-members-dash__feed-head[b-jrpen2czly] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.mtw-members-dash__feed-head h2[b-jrpen2czly] {
    margin: 0;
}

.mtw-members-dash__feed-empty[b-jrpen2czly] {
    margin: 0;
    color: #555;
    opacity: 0.9;
}

.mtw-members-dash__feed-list[b-jrpen2czly] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.mtw-members-dash__feed-item[b-jrpen2czly] {
    border-top: 1px solid #EEE;
}

.mtw-members-dash__feed-item:first-child[b-jrpen2czly] {
    border-top: 0;
}

.mtw-members-dash__feed-item a[b-jrpen2czly] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 0;
    color: var(--mtw-ink);
    text-decoration: none;
    transition: padding-left 180ms ease;
}

.mtw-members-dash__feed-item a:hover[b-jrpen2czly] {
    padding-left: 8px;
}

.mtw-members-dash__feed-meta[b-jrpen2czly] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #777;
}

.mtw-members-dash__feed-pill[b-jrpen2czly] {
    display: inline-flex;
    align-items: center;
    background: var(--mtw-grey-light);
    color: var(--mtw-ink);
    border-radius: 9999px;
    padding: 3px 10px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.mtw-members-dash__feed-date[b-jrpen2czly] {
    letter-spacing: 0.3px;
}

.mtw-members-dash__feed-title[b-jrpen2czly] {
    font-family: var(--mtw-font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    color: var(--mtw-ink);
}

.mtw-members-dash__feed-excerpt[b-jrpen2czly] {
    margin: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.5;
}

.mtw-members-dash__feed-readmore[b-jrpen2czly] {
    color: var(--mtw-magenta);
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 14px;
}

/* ---- Pending-approval state -------------------------------------------- */
.mtw-members-pending[b-jrpen2czly] {
    padding: 8px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.mtw-members-pending__hero[b-jrpen2czly] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 36px 40px;
}

.mtw-members-pending__card[b-jrpen2czly] {
    background: var(--mtw-grey-light);
    border-radius: 24px;
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mtw-members-pending__icon[b-jrpen2czly] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mtw-members-pending__icon .material-symbols-outlined[b-jrpen2czly] {
    font-size: 28px !important;
}

.mtw-members-pending__steps[b-jrpen2czly] {
    margin: 0;
    padding-left: 24px;
    line-height: 1.6;
    color: var(--mtw-ink);
}

.mtw-members-pending__steps li[b-jrpen2czly] {
    margin-bottom: 8px;
}

.mtw-members-pending__actions[b-jrpen2czly] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.mtw-members-pending__hint[b-jrpen2czly] {
    margin: 0;
    font-size: 14px;
    color: #555;
}

.mtw-members-pending__hint a[b-jrpen2czly] {
    color: var(--mtw-magenta);
    text-decoration: none;
    font-weight: 600;
}

.mtw-members-pending__hint a:hover[b-jrpen2czly] {
    text-decoration: underline;
}

@media (max-width: 1023px) {
    .mtw-members-dash__hero[b-jrpen2czly] { padding: 28px; }
    .mtw-members-dash__hero-circle--lime[b-jrpen2czly] { width: 160px; height: 160px; top: -60px; right: -30px; }
    .mtw-members-dash__hero-circle--magenta[b-jrpen2czly] { width: 70px; height: 70px; right: 60px; }
    .mtw-members-pending__hero[b-jrpen2czly],
    .mtw-members-pending__card[b-jrpen2czly] { padding: 28px; }
}

@media (max-width: 639px) {
    .mtw-members-dash__tiles[b-jrpen2czly] { grid-template-columns: 1fr; }
    .mtw-members-dash__hero-circle--magenta[b-jrpen2czly] { display: none; }
    .mtw-members-dash__feed[b-jrpen2czly] { padding: 24px 20px; }
}
/* _content/MTW/Components/Pages/Members/PostDetail.razor.rz.scp.css */
/* Members post detail — /members/posts/{slug}. Reuses .mtw-body / .mtw-lead
   typography; this stylesheet just handles the chrome around them. */

.mtw-members-post[b-xgyjhsltna] {
    padding: 8px 0 80px;
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mtw-members-post__back[b-xgyjhsltna] {
    align-self: flex-start;
    color: #777;
    text-decoration: none;
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 14px;
}

.mtw-members-post__back:hover[b-xgyjhsltna] {
    color: var(--mtw-magenta);
}

.mtw-members-post__header[b-xgyjhsltna] {
    /* Neutralise the global `header { position: fixed }` rule in styles.css
       (intended for the legacy NavTop). Same dodge as `.mtw-admin-page__header`. */
    position: static;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mtw-members-post__header .mtw-h1[b-xgyjhsltna] { margin: 0; }

.mtw-members-post__meta[b-xgyjhsltna] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #777;
}

.mtw-members-post__pill[b-xgyjhsltna] {
    display: inline-flex;
    align-items: center;
    background: var(--mtw-grey-light);
    color: var(--mtw-ink);
    border-radius: 9999px;
    padding: 3px 10px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.mtw-members-post__date[b-xgyjhsltna],
.mtw-members-post__author[b-xgyjhsltna] {
    letter-spacing: 0.3px;
}

.mtw-members-post__excerpt[b-xgyjhsltna] {
    margin: 8px 0 0;
    color: #444;
}

.mtw-members-post__body[b-xgyjhsltna] {
    margin-top: 16px;
    line-height: 1.7;
    font-family: var(--mtw-font-display);
    font-weight: 400;
    font-size: 17px;
    color: var(--mtw-ink);
}

.mtw-members-post__body h2[b-xgyjhsltna],
.mtw-members-post__body h3[b-xgyjhsltna] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    color: var(--mtw-ink);
    margin-top: 32px;
    margin-bottom: 12px;
    line-height: 1.25;
}

.mtw-members-post__body h2[b-xgyjhsltna] { font-size: 26px; }
.mtw-members-post__body h3[b-xgyjhsltna] { font-size: 22px; }

.mtw-members-post__body p[b-xgyjhsltna],
.mtw-members-post__body ul[b-xgyjhsltna],
.mtw-members-post__body ol[b-xgyjhsltna] {
    margin: 0 0 16px;
}

.mtw-members-post__body ul[b-xgyjhsltna],
.mtw-members-post__body ol[b-xgyjhsltna] { padding-left: 24px; }

.mtw-members-post__body a[b-xgyjhsltna] {
    color: var(--mtw-magenta);
    text-decoration: underline;
}

.mtw-members-post__body img[b-xgyjhsltna] {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 16px 0;
}

.mtw-members-post__body blockquote[b-xgyjhsltna] {
    margin: 24px 0;
    padding: 16px 24px;
    border-left: 3px solid var(--mtw-magenta);
    background: var(--mtw-grey-light);
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: #333;
}

.mtw-members-post--missing[b-xgyjhsltna] {
    background: var(--mtw-grey-light);
    border-radius: 24px;
    padding: 36px;
}

.mtw-members-post--missing a[b-xgyjhsltna] {
    color: var(--mtw-magenta);
    text-decoration: none;
    font-weight: 600;
}

.mtw-members-post--missing a:hover[b-xgyjhsltna] { text-decoration: underline; }
/* _content/MTW/Components/Pages/Members/PostsList.razor.rz.scp.css */
/* Members posts — full list page at /members/posts. */

.mtw-members-posts[b-ycw2whslh7] {
    padding: 8px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mtw-members-posts__hero[b-ycw2whslh7] {
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mtw-members-posts__hero .mtw-h1[b-ycw2whslh7] { margin: 0; }
.mtw-members-posts__hero p[b-ycw2whslh7] { margin: 0; max-width: 720px; }

.mtw-members-posts__filterbar[b-ycw2whslh7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mtw-members-posts__status[b-ycw2whslh7] {
    margin: 24px 0;
    color: #555;
}

.mtw-members-posts__list[b-ycw2whslh7] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtw-members-posts__item[b-ycw2whslh7] {
    background: var(--mtw-white);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}

.mtw-members-posts__item:hover[b-ycw2whslh7],
.mtw-members-posts__item:focus-within[b-ycw2whslh7] {
    border-color: var(--mtw-ink);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(23, 23, 23, 0.08);
}

.mtw-members-posts__item a[b-ycw2whslh7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 28px;
    color: var(--mtw-ink);
    text-decoration: none;
}

.mtw-members-posts__meta[b-ycw2whslh7] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #777;
}

.mtw-members-posts__pill[b-ycw2whslh7] {
    display: inline-flex;
    align-items: center;
    background: var(--mtw-grey-light);
    color: var(--mtw-ink);
    border-radius: 9999px;
    padding: 3px 10px;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.mtw-members-posts__title[b-ycw2whslh7] {
    font-family: var(--mtw-font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.mtw-members-posts__excerpt[b-ycw2whslh7] {
    margin: 0;
    color: #555;
    font-size: 16px;
    line-height: 1.5;
}

.mtw-members-posts__readmore[b-ycw2whslh7] {
    color: var(--mtw-magenta);
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 14px;
    margin-top: 4px;
}

@media (max-width: 639px) {
    .mtw-members-posts__hero[b-ycw2whslh7] { padding: 24px; }
    .mtw-members-posts__item a[b-ycw2whslh7] { padding: 20px 22px; }
    .mtw-members-posts__title[b-ycw2whslh7] { font-size: 20px; }
}
/* _content/MTW/Components/Pages/MtwNotFound.razor.rz.scp.css */
/* Brand-styled 404 page. White background, big brand-circle cluster
   on the left at desktop, copy column on the right. Stacks below the
   circles on tablet / mobile. */

.mtw-404[b-qszlrr4qih] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    min-height: 60vh;
    padding: 64px 0 96px;
}

.mtw-404__circles[b-qszlrr4qih] {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
}

.mtw-404__circle[b-qszlrr4qih] {
    position: absolute;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}

.mtw-404__circle--lime[b-qszlrr4qih] {
    background: var(--mtw-lime);
    width: 58%;
    top: 0;
    left: 12%;
}

.mtw-404__circle--magenta[b-qszlrr4qih] {
    background: var(--mtw-magenta);
    width: 42%;
    bottom: 12%;
    left: 0;
}

.mtw-404__circle--purple[b-qszlrr4qih] {
    background: var(--mtw-purple);
    width: 36%;
    bottom: 0;
    right: 0;
}

.mtw-404__copy[b-qszlrr4qih] {
    max-width: 560px;
}

.mtw-404__eyebrow[b-qszlrr4qih] {
    font-size: 56px;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 16px;
}

.mtw-404__heading[b-qszlrr4qih] {
    font-size: 60px;
    line-height: 1.05;
    margin: 0 0 20px;
}

.mtw-404__body[b-qszlrr4qih] {
    margin: 0 0 28px;
    max-width: 520px;
}

.mtw-404__actions[b-qszlrr4qih] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.mtw-404__shortcuts[b-qszlrr4qih] {
    border-top: 1px solid #EAEAEA;
    padding-top: 24px;
}

.mtw-404__shortcuts-title[b-qszlrr4qih] {
    margin-bottom: 12px;
}

.mtw-404__shortcuts-list[b-qszlrr4qih] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 24px;
}

.mtw-404__shortcuts-list a[b-qszlrr4qih] {
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 500;
    color: var(--mtw-ink);
    text-decoration: none;
    transition: color 0.15s ease, padding-left 0.15s ease;
}

.mtw-404__shortcuts-list a[b-qszlrr4qih]::before {
    content: "→ ";
    color: var(--mtw-magenta);
}

.mtw-404__shortcuts-list a:hover[b-qszlrr4qih],
.mtw-404__shortcuts-list a:focus-visible[b-qszlrr4qih] {
    color: var(--mtw-magenta);
    padding-left: 4px;
    outline: none;
}

@media (max-width: 1023px) {
    .mtw-404[b-qszlrr4qih] {
        grid-template-columns: 1fr;
        gap: 48px;
        padding: 32px 0 64px;
    }
    .mtw-404__circles[b-qszlrr4qih] {
        max-width: 320px;
    }
    .mtw-404__heading[b-qszlrr4qih] { font-size: 44px; }
    .mtw-404__eyebrow[b-qszlrr4qih] { font-size: 40px; }
}

@media (max-width: 639px) {
    .mtw-404__heading[b-qszlrr4qih] { font-size: 36px; }
    .mtw-404__eyebrow[b-qszlrr4qih] { font-size: 32px; }
    .mtw-404__shortcuts-list[b-qszlrr4qih] { grid-template-columns: 1fr; }
}
/* _content/MTW/Components/Pages/News.razor.rz.scp.css */
/* /news — public listing page.
   Sections: hero (MtwPageHeaderStyle1), intro (MtwTextBlock3),
   3-column grid of news cards, pagination, newsletter signup. */

.mtw-news[b-jvio0ztxrh] {
    padding: 24px 0 80px;
}

.mtw-news__status[b-jvio0ztxrh] {
    color: #777;
    text-align: center;
    padding: 40px 0;
}

/* ─── 3-column card grid ─── */

.mtw-news__grid[b-jvio0ztxrh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

@media (max-width: 1023px) {
    .mtw-news__grid[b-jvio0ztxrh] { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

@media (max-width: 639px) {
    .mtw-news__grid[b-jvio0ztxrh] { grid-template-columns: 1fr; gap: 24px; }
}

/* Card visuals live on the shared MtwNewsCard component
   (Components/Blocks/Brand/MtwNewsCard.razor.css) — this file only owns
   the page chrome (section padding, grid, pagination). */

/* ─── Pagination ─── */

.mtw-news__pager[b-jvio0ztxrh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 56px;
    flex-wrap: wrap;
}

.mtw-news__pager-arrow[b-jvio0ztxrh] {
    appearance: none;
    border: none;
    background: var(--mtw-lime);
    color: var(--mtw-ink);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}

.mtw-news__pager-arrow .material-symbols-outlined[b-jvio0ztxrh] {
    font-size: 28px;
}

.mtw-news__pager-arrow:hover:not(:disabled)[b-jvio0ztxrh],
.mtw-news__pager-arrow:focus-visible:not(:disabled)[b-jvio0ztxrh] {
    transform: scale(1.06);
    outline: none;
}

.mtw-news__pager-arrow:disabled[b-jvio0ztxrh] {
    opacity: 0.4;
    cursor: not-allowed;
}

.mtw-news__pager-num[b-jvio0ztxrh] {
    appearance: none;
    border: none;
    background: transparent;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 18px;
    color: var(--mtw-ink);
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 999px;
    min-width: 40px;
    transition: background 0.15s ease, color 0.15s ease;
}

.mtw-news__pager-num:hover[b-jvio0ztxrh],
.mtw-news__pager-num:focus-visible[b-jvio0ztxrh] {
    background: #F2F2F2;
    outline: none;
}

.mtw-news__pager-num--active[b-jvio0ztxrh] {
    color: var(--mtw-magenta);
    font-weight: 700;
}

@media (max-width: 639px) {
    .mtw-news__pager[b-jvio0ztxrh] { gap: 8px; padding-top: 40px; }
    .mtw-news__pager-arrow[b-jvio0ztxrh] { width: 44px; height: 44px; }
    .mtw-news__pager-arrow .material-symbols-outlined[b-jvio0ztxrh] { font-size: 22px; }
    .mtw-news__pager-num[b-jvio0ztxrh] { font-size: 16px; min-width: 32px; padding: 4px 8px; }
}
/* _content/MTW/Components/Pages/Partners.razor.rz.scp.css */
/* /partners — Youth Engagement Network public grid.
   Tile visuals live on the shared MtwLogoTile component
   (Components/Blocks/Brand/MtwLogoTile.razor) so /partners and
   /employers stay visually identical. This file only owns the page
   chrome — section spacing, the Delivery / Non-Delivery filter strip
   and the grid layout. */

.mtw-partners-page[b-fupjvemzvz] {
    padding: 48px 0 80px;
}

.mtw-partners-page__status[b-fupjvemzvz] {
    color: #777;
    text-align: center;
}

/* ─── Filter strip (Delivery / Non-Delivery / All) ─── */

.mtw-partners-page__filter[b-fupjvemzvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding: 0 0 32px;
}

.mtw-partners-page__filter-btn[b-fupjvemzvz] {
    appearance: none;
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 999px;
    padding: 10px 22px;
    font-family: var(--mtw-font-display, Poppins, sans-serif);
    font-weight: 600;
    font-size: 15px;
    color: var(--mtw-ink);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.15s ease, color 0.15s ease;
}

.mtw-partners-page__filter-btn:hover[b-fupjvemzvz] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-partners-page__filter-btn--active[b-fupjvemzvz] {
    background: var(--mtw-magenta);
    border-color: var(--mtw-magenta);
    color: var(--mtw-white);
}

.mtw-partners-page__filter-count[b-fupjvemzvz] {
    background: rgba(255,255,255,0.25);
    border-radius: 999px;
    padding: 2px 9px;
    font-size: 13px;
}

.mtw-partners-page__filter-btn:not(.mtw-partners-page__filter-btn--active) .mtw-partners-page__filter-count[b-fupjvemzvz] {
    background: #F2F2F2;
    color: var(--mtw-ink);
}

/* ─── Grid ─── */

.mtw-partners-page__grid[b-fupjvemzvz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1023px) {
    .mtw-partners-page__grid[b-fupjvemzvz] {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

@media (max-width: 639px) {
    .mtw-partners-page__grid[b-fupjvemzvz] {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
/* _content/MTW/Components/Pages/People.razor.rz.scp.css */
/* ── Sub-nav strip — quick jumps to each section anchor. ─────── */
.mtw-people-nav[b-gq3qen0pbz] {
    max-width: 1080px;
    margin: 16px auto 8px;
    padding: 0 24px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.mtw-people-nav__link[b-gq3qen0pbz] {
    appearance: none;
    border: 0;
    cursor: pointer;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--mtw-ink);
    text-decoration: none;
    background: var(--mtw-grey-light, #f2f2f2);
    border-radius: 9999px;
    padding: 10px 18px;
    transition: background 0.15s ease, color 0.15s ease;
}

.mtw-people-nav__link:hover[b-gq3qen0pbz] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
}

.mtw-people-nav__link--active[b-gq3qen0pbz] {
    background: var(--mtw-magenta);
    color: var(--mtw-white);
}

/* ── Section header — repeats for Team / Steering / Founder / Ambassadors. */
.mtw-people-section[b-gq3qen0pbz] {
    padding: 48px 24px 8px;
    scroll-margin-top: 32px; /* room for anchor jumps */
}

.mtw-people-section__heading[b-gq3qen0pbz] {
    text-align: center;
    margin: 0 0 32px;
}

.mtw-people-section__empty[b-gq3qen0pbz] {
    text-align: center;
    color: #777;
    margin: 0 0 24px;
}

/* Organisation chip under the role (used by Steering Group cards). */
.mtw-team__org[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--mtw-magenta);
    margin-top: 6px;
}

.mtw-team-modal__org[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--mtw-magenta);
    margin-top: 4px;
}

/* ── Impact reports strip — sits under the Steering Group section. */
.mtw-impact-reports[b-gq3qen0pbz] {
    max-width: 1100px;
    margin: 8px auto 0;
    padding: 32px 24px 48px;
}

.mtw-impact-reports__head[b-gq3qen0pbz] {
    max-width: 720px;
    margin: 0 auto 24px;
    text-align: center;
}

.mtw-impact-reports__heading[b-gq3qen0pbz] {
    margin: 0 0 6px;
    color: var(--mtw-ink);
}

.mtw-impact-reports__sub[b-gq3qen0pbz] {
    margin: 0;
    color: #555;
}

.mtw-impact-reports__grid[b-gq3qen0pbz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.mtw-impact-report[b-gq3qen0pbz] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-white);
    border-radius: 20px;
    box-shadow: 0 8px 22px rgba(23, 23, 23, 0.08);
    text-decoration: none;
    color: var(--mtw-ink);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

.mtw-impact-report:hover[b-gq3qen0pbz] {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(23, 23, 23, 0.14);
}

.mtw-impact-report__thumb[b-gq3qen0pbz] {
    width: 100%;
    aspect-ratio: 16 / 10;
    background: var(--mtw-grey-light, #f2f2f2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mtw-impact-report__thumb img[b-gq3qen0pbz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtw-impact-report__thumb .material-symbols-outlined[b-gq3qen0pbz] {
    font-size: 56px;
    color: var(--mtw-magenta);
}

.mtw-impact-report__body[b-gq3qen0pbz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 20px 20px;
}

.mtw-impact-report__period[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 12px;
    color: var(--mtw-magenta);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 6px;
}

.mtw-impact-report__title[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: var(--mtw-ink);
    margin: 0 0 10px;
}

.mtw-impact-report__summary[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    margin: 0 0 14px;
    flex: 1;
}

.mtw-impact-report__cta[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 13px;
    color: var(--mtw-magenta);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mtw-impact-report__cta .material-symbols-outlined[b-gq3qen0pbz] {
    font-size: 18px;
    transition: transform 0.2s ease;
}

.mtw-impact-report:hover .mtw-impact-report__cta .material-symbols-outlined[b-gq3qen0pbz] {
    transform: translateY(2px);
}

@media (max-width: 1023px) { .mtw-impact-reports__grid[b-gq3qen0pbz] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 639px)  { .mtw-impact-reports__grid[b-gq3qen0pbz] { grid-template-columns: 1fr; } }

.mtw-team[b-gq3qen0pbz] {
    padding: 24px 24px 80px;
}

.mtw-team__status[b-gq3qen0pbz] {
    text-align: center;
    color: #777;
    margin: 40px 0;
}

.mtw-team__grid[b-gq3qen0pbz] {
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 48px;
    row-gap: 72px;
}

.mtw-team__card[b-gq3qen0pbz] {
    /* Rendered as <button> so it's keyboard-accessible — strip the button chrome. */
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: inherit;
    text-align: center;
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.15s ease;
}

.mtw-team__card:hover[b-gq3qen0pbz] { transform: translateY(-3px); }
.mtw-team__card:hover .mtw-team__photo[b-gq3qen0pbz] { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
.mtw-team__card:focus-visible[b-gq3qen0pbz] {
    outline: 2px solid var(--mtw-magenta);
    outline-offset: 6px;
    border-radius: 16px;
}

/* Circular portrait — same treatment as the brand portrait blocks. */
.mtw-team__photo[b-gq3qen0pbz] {
    width: 100%;
    max-width: 220px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    background: var(--mtw-grey-light);
    margin-bottom: 22px;
    transition: box-shadow 0.15s ease;
}

.mtw-team__photo img[b-gq3qen0pbz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtw-team__photo-placeholder[b-gq3qen0pbz] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 48px;
    color: #999;
    background: var(--mtw-grey-light);
}

.mtw-team__name[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 22px;
    color: var(--mtw-ink);
    line-height: 1.2;
}

.mtw-team__role[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 400;
    font-size: 16px;
    color: #555;
    margin-top: 4px;
    line-height: 1.3;
}

@media (max-width: 1023px) {
    .mtw-team__grid[b-gq3qen0pbz] {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 32px;
        row-gap: 56px;
    }
    .mtw-team__photo[b-gq3qen0pbz] { max-width: 180px; }
}

@media (max-width: 639px) {
    .mtw-team__grid[b-gq3qen0pbz] {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .mtw-team__photo[b-gq3qen0pbz] { max-width: 160px; }
    .mtw-team__name[b-gq3qen0pbz] { font-size: 20px; }
}

/* ============================================================
   Profile popup — shown when a team card is clicked.
   Matches the design: rounded blue-bordered white card,
   centred photo + name + role + bio, LinkedIn icon, email.
   ============================================================ */

.mtw-team-modal[b-gq3qen0pbz] {
    position: fixed;
    inset: 0;
    z-index: 9500;
    background: rgba(23, 23, 23, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: mtw-team-modal-fade-b-gq3qen0pbz 180ms ease-out;
}

@keyframes mtw-team-modal-fade-b-gq3qen0pbz {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.mtw-team-modal__card[b-gq3qen0pbz] {
    position: relative;
    background: #FFFFFF;
    border: 2px solid #69A8D6;            /* soft blue from the design */
    border-radius: 28px;
    padding: 40px 36px 32px;
    width: min(420px, 92vw);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    text-align: center;
    box-shadow: 0 20px 50px rgba(23, 23, 23, 0.22);
    animation: mtw-team-modal-pop-b-gq3qen0pbz 220ms cubic-bezier(.2,.9,.3,1.2);
}

@keyframes mtw-team-modal-pop-b-gq3qen0pbz {
    from { opacity: 0; transform: translateY(12px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.mtw-team-modal__close[b-gq3qen0pbz] {
    position: absolute;
    top: 14px;
    right: 18px;
    background: transparent;
    border: 0;
    color: var(--mtw-magenta);
    cursor: pointer;
    font-family: var(--mtw-font-display);
    font-size: 20px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    line-height: 1;
    transition: transform 0.15s ease;
}

.mtw-team-modal__close:hover[b-gq3qen0pbz] { transform: scale(1.15); }

.mtw-team-modal__photo[b-gq3qen0pbz] {
    width: 152px;
    height: 152px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--mtw-grey-light);
    margin: 0 auto 18px;
}

.mtw-team-modal__photo img[b-gq3qen0pbz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtw-team-modal__name[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 20px;
    color: var(--mtw-ink);
    line-height: 1.2;
}

.mtw-team-modal__role[b-gq3qen0pbz] {
    font-family: var(--mtw-font-display);
    font-weight: 400;
    font-size: 15px;
    color: #555;
    margin-top: 2px;
}

.mtw-team-modal__bio[b-gq3qen0pbz] {
    margin-top: 22px;
    text-align: center;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    line-height: 1.6;
    color: var(--mtw-ink);
}

.mtw-team-modal__bio p[b-gq3qen0pbz] {
    margin: 0 0 12px;
}

.mtw-team-modal__bio p:last-child[b-gq3qen0pbz] {
    margin-bottom: 0;
}

.mtw-team-modal__connect[b-gq3qen0pbz] {
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    color: var(--mtw-ink);
}

.mtw-team-modal__connect a[b-gq3qen0pbz] {
    display: inline-flex;
    border-radius: 6px;
    transition: transform 0.15s ease;
}

.mtw-team-modal__connect a:hover[b-gq3qen0pbz] { transform: translateY(-2px); }

.mtw-team-modal__email[b-gq3qen0pbz] {
    margin-top: 14px;
    font-family: var(--mtw-font-display);
    font-size: 13px;
}

.mtw-team-modal__email a[b-gq3qen0pbz] {
    color: var(--mtw-ink);
    text-decoration: none;
}

.mtw-team-modal__email a:hover[b-gq3qen0pbz] {
    color: var(--mtw-magenta);
    text-decoration: underline;
}

@media (max-width: 480px) {
    .mtw-team-modal__card[b-gq3qen0pbz] { padding: 32px 22px 24px; }
    .mtw-team-modal__photo[b-gq3qen0pbz] { width: 128px; height: 128px; }
}
/* _content/MTW/Components/Pages/SmallPrint/Contact.razor.rz.scp.css */
/* ============================================================
   /contact — public enquiry form.
   Visual language mirrors the MtwNewsletterSignup card so the
   site's two main public forms feel like one family.
   ============================================================ */

.mtw-contact[b-jgwprwjruj] {
    max-width: 720px;
    margin: 0 auto;
    padding: 32px 24px 80px;
}

.mtw-contact__card[b-jgwprwjruj] {
    background: var(--mtw-grey-light, #f6f6f6);
    border-radius: 28px;
    padding: 40px 36px 36px;
    box-shadow: 0 16px 40px rgba(23, 23, 23, 0.06);
}

.mtw-contact__heading[b-jgwprwjruj] {
    font-family: var(--mtw-font-display);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.15;
    margin: 0 0 12px;
    color: var(--mtw-ink);
    text-align: center;
}

.mtw-contact__body[b-jgwprwjruj] {
    font-family: var(--mtw-font-display);
    font-size: 16px;
    line-height: 1.55;
    color: var(--mtw-ink);
    margin: 0 0 24px;
    text-align: center;
}

.mtw-contact__required[b-jgwprwjruj] {
    color: var(--mtw-magenta);
    font-weight: 700;
}

.mtw-contact__actions[b-jgwprwjruj] {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.mtw-contact__actions--centered[b-jgwprwjruj] {
    justify-content: center;
}

.mtw-contact__error-text[b-jgwprwjruj] {
    color: #b00020;
    font-family: var(--mtw-font-display);
    font-size: 14px;
    margin: 0 0 16px;
}

/* ── Success state ───────────────────────────────────────── */
.mtw-contact__success[b-jgwprwjruj] {
    text-align: center;
    padding: 16px 0;
}

.mtw-contact__success-icon[b-jgwprwjruj] {
    font-size: 56px !important;
    color: var(--mtw-magenta);
    margin-bottom: 8px;
}

/* On small viewports stack the action button full-width so the
   form feels tappable rather than cramped. */
@media (max-width: 539px) {
    .mtw-contact[b-jgwprwjruj] { padding: 24px 16px 64px; }
    .mtw-contact__card[b-jgwprwjruj] { padding: 28px 22px 28px; }
    .mtw-contact__heading[b-jgwprwjruj] { font-size: 24px; }
    .mtw-contact__actions[b-jgwprwjruj] { justify-content: stretch; }
    .mtw-contact__actions[b-jgwprwjruj]  .mtw-btn { width: 100%; }
}
/* _content/MTW/Components/Pages/YouthOpportunities/LearningOpportunitiesDetail.razor.rz.scp.css */
.mtw-lo-detail-header[b-j30v12jgip] {
    position: static;
    padding: 64px 24px 32px;
    background: var(--mtw-white);
}

.mtw-lo-detail-header__inner[b-j30v12jgip] {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtw-lo-detail-header__eyebrow[b-j30v12jgip] {
    color: var(--mtw-magenta);
}

.mtw-lo-detail-header__heading[b-j30v12jgip] {
    margin: 0;
    font-size: 56px;
    line-height: 1.1;
}

.mtw-lo-detail-header__byline[b-j30v12jgip] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 14px;
    font-weight: 600;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mtw-lo-detail[b-j30v12jgip] {
    padding: 0 24px 80px;
}

.mtw-lo-detail__inner[b-j30v12jgip] {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mtw-lo-detail__logo[b-j30v12jgip] {
    margin: 0;
    padding: 32px;
    background: var(--mtw-grey-light);
    border: 2px solid var(--mtw-ink);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 0 var(--mtw-ink);
}

.mtw-lo-detail__logo img[b-j30v12jgip] {
    max-width: 100%;
    max-height: 280px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}

@media (max-width: 639px) {
    .mtw-lo-detail-header[b-j30v12jgip] {
        padding: 40px 20px 24px;
    }

    .mtw-lo-detail-header__heading[b-j30v12jgip] {
        font-size: 36px;
    }

    .mtw-lo-detail__logo[b-j30v12jgip] {
        padding: 24px;
    }

    .mtw-lo-detail__logo img[b-j30v12jgip] {
        max-height: 200px;
    }
}

.mtw-lo-detail__back[b-j30v12jgip] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mtw-ink);
    text-decoration: none;
    width: fit-content;
}

.mtw-lo-detail__back:hover[b-j30v12jgip] {
    color: var(--mtw-magenta);
}

.mtw-lo-detail__back .material-symbols-outlined[b-j30v12jgip] {
    font-size: 20px;
}

.mtw-lo-detail__lead[b-j30v12jgip] {
    color: var(--mtw-ink);
}

.mtw-lo-detail__body[b-j30v12jgip] {
    line-height: 1.6;
}

.mtw-lo-detail__body p[b-j30v12jgip] {
    margin-bottom: 1em;
}

.mtw-lo-detail__body h1[b-j30v12jgip],
.mtw-lo-detail__body h2[b-j30v12jgip],
.mtw-lo-detail__body h3[b-j30v12jgip],
.mtw-lo-detail__body h4[b-j30v12jgip] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-weight: 700;
    color: var(--mtw-ink);
    margin-top: 1.4em;
    margin-bottom: 0.5em;
    line-height: 1.25;
}

.mtw-lo-detail__body h1[b-j30v12jgip] { font-size: 32px; }
.mtw-lo-detail__body h2[b-j30v12jgip] { font-size: 26px; }
.mtw-lo-detail__body h3[b-j30v12jgip] { font-size: 22px; }
.mtw-lo-detail__body h4[b-j30v12jgip] { font-size: 18px; }

.mtw-lo-detail__body a[b-j30v12jgip] {
    color: var(--mtw-magenta);
    text-decoration: underline;
}

.mtw-lo-detail__body a:hover[b-j30v12jgip] {
    color: var(--mtw-plum);
}

.mtw-lo-detail__body img[b-j30v12jgip] {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    display: block;
    margin: 1em 0;
}

.mtw-lo-detail__body ul[b-j30v12jgip],
.mtw-lo-detail__body ol[b-j30v12jgip] {
    margin: 1em 0;
    padding-left: 1.4em;
}

.mtw-lo-detail__body li[b-j30v12jgip] {
    margin-bottom: 0.4em;
}

.mtw-lo-detail__body blockquote[b-j30v12jgip] {
    border-left: 4px solid var(--mtw-lime);
    padding-left: 16px;
    color: #555;
    font-style: italic;
    margin: 1.2em 0;
}

.mtw-lo-detail__status[b-j30v12jgip] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 24px 80px;
}
/* _content/MTW/Components/Pages/YouthOpportunities/LearningOpportunitiesList.razor.rz.scp.css */
.mtw-lo-controls[b-fyi3f2phlh] {
    padding: 0 24px;
    margin-bottom: 24px;
}

.mtw-lo-controls__inner[b-fyi3f2phlh] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.mtw-lo-controls__count[b-fyi3f2phlh] {
    color: #555;
}

.mtw-lo-controls__count strong[b-fyi3f2phlh] {
    color: var(--mtw-ink);
}

.mtw-lo-controls__count-aside[b-fyi3f2phlh] {
    color: #999;
    margin-left: 6px;
}

.mtw-lo-controls__filters[b-fyi3f2phlh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mtw-lo-pill[b-fyi3f2phlh] {
    appearance: none;
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 9999px;
    padding: 8px 16px;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 14px;
    font-weight: 600;
    color: var(--mtw-ink);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.mtw-lo-pill:hover[b-fyi3f2phlh] {
    background: var(--mtw-grey-light);
}

.mtw-lo-pill--active[b-fyi3f2phlh] {
    background: var(--mtw-ink);
    color: var(--mtw-white);
}

.mtw-lo-list[b-fyi3f2phlh] {
    padding: 0 24px 80px;
}

.mtw-lo-list__grid[b-fyi3f2phlh] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.mtw-lo-card[b-fyi3f2phlh] {
    display: flex;
    flex-direction: column;
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 6px 0 var(--mtw-ink);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mtw-lo-card:hover[b-fyi3f2phlh] {
    transform: translateY(-2px);
    box-shadow: 0 8px 0 var(--mtw-ink);
}

.mtw-lo-card:active[b-fyi3f2phlh] {
    transform: translateY(4px);
    box-shadow: 0 2px 0 var(--mtw-ink);
}

.mtw-lo-card__thumb[b-fyi3f2phlh] {
    position: relative;
    aspect-ratio: 4 / 3;
    width: 100%;
    background: var(--mtw-grey-light);
    overflow: hidden;
    padding: 18px;
    box-sizing: border-box;
    border-bottom: 2px solid var(--mtw-ink);
}

.mtw-lo-card__thumb img[b-fyi3f2phlh] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}

.mtw-lo-card__thumb-placeholder[b-fyi3f2phlh] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BBB;
}

.mtw-lo-card__thumb-placeholder .material-symbols-outlined[b-fyi3f2phlh] {
    font-size: 64px;
}

.mtw-lo-card__pill[b-fyi3f2phlh] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--mtw-magenta);
    color: var(--mtw-white);
    padding: 6px 12px;
    border-radius: 9999px;
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mtw-lo-card__body[b-fyi3f2phlh] {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.mtw-lo-card__date[b-fyi3f2phlh] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mtw-magenta);
}

.mtw-lo-card__title[b-fyi3f2phlh] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--mtw-ink);
    margin: 0;
}

.mtw-lo-card__preview[b-fyi3f2phlh] {
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mtw-lo-card__cta[b-fyi3f2phlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    background: var(--mtw-ink);
    color: var(--mtw-white);
    font-family: var(--mtw-font-display, "Poppins", sans-serif);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mtw-lo-card__cta .material-symbols-outlined[b-fyi3f2phlh] {
    font-size: 20px;
    transition: transform 0.2s ease;
}

.mtw-lo-card:hover .mtw-lo-card__cta .material-symbols-outlined[b-fyi3f2phlh] {
    transform: translateX(4px);
}

/* Skeleton */
.mtw-lo-card--skeleton[b-fyi3f2phlh] {
    pointer-events: none;
}

.mtw-lo-card__thumb--skeleton[b-fyi3f2phlh] {
    background: linear-gradient(90deg, #F2F2F2, #E5E5E5, #F2F2F2);
    background-size: 200% 100%;
    animation: mtwLoPulse-b-fyi3f2phlh 1.4s ease-in-out infinite;
}

.mtw-lo-card__line[b-fyi3f2phlh] {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #F2F2F2, #E5E5E5, #F2F2F2);
    background-size: 200% 100%;
    animation: mtwLoPulse-b-fyi3f2phlh 1.4s ease-in-out infinite;
    width: 100%;
}

.mtw-lo-card__line--lg[b-fyi3f2phlh] {
    height: 18px;
    width: 80%;
}

@keyframes mtwLoPulse-b-fyi3f2phlh {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.mtw-lo-empty[b-fyi3f2phlh] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 16px;
}

@media (max-width: 1023px) {
    .mtw-lo-list__grid[b-fyi3f2phlh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 639px) {
    .mtw-lo-list__grid[b-fyi3f2phlh] {
        grid-template-columns: 1fr;
    }

    .mtw-lo-controls__inner[b-fyi3f2phlh] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/MTW/Components/Pages/YouthOpportunities/YouthOpportunitiesHub.razor.rz.scp.css */
.mtw-yo-hub[b-oj3mcybtqk] {
    padding: 0 24px 80px;
}

.mtw-yo-hub__grid[b-oj3mcybtqk] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.mtw-yo-hub__card[b-oj3mcybtqk] {
    position: relative;
    overflow: hidden;
    background: var(--mtw-white);
    border: 2px solid var(--mtw-ink);
    border-radius: 32px;
    padding: 48px 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 8px 0 var(--mtw-ink);
    min-height: 320px;
}

.mtw-yo-hub__circle[b-oj3mcybtqk] {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    z-index: 0;
}

.mtw-yo-hub__circle--magenta[b-oj3mcybtqk] { background: var(--mtw-magenta); }
.mtw-yo-hub__circle--lime[b-oj3mcybtqk]    { background: var(--mtw-lime); }
.mtw-yo-hub__circle--purple[b-oj3mcybtqk]  { background: var(--mtw-purple); }
.mtw-yo-hub__circle--plum[b-oj3mcybtqk]    { background: var(--mtw-plum); }

.mtw-yo-hub__card > h2[b-oj3mcybtqk],
.mtw-yo-hub__card > p[b-oj3mcybtqk],
.mtw-yo-hub__actions[b-oj3mcybtqk] {
    position: relative;
    z-index: 1;
}

.mtw-yo-hub__actions[b-oj3mcybtqk] {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
}

@media (max-width: 1023px) {
    .mtw-yo-hub__grid[b-oj3mcybtqk] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .mtw-yo-hub__card[b-oj3mcybtqk] {
        padding: 40px 28px;
        min-height: 0;
    }
}