/* Mode Encore Front 1.1.1 - generic native pages */
.mev2-generic-page {
    width: min(980px, calc(100% - 48px));
    min-height: 55vh;
    margin: 40px auto 64px;
    padding: clamp(28px, 5vw, 64px);
    border: 1px solid var(--mev2-border);
    border-radius: var(--mev2-radius-lg);
    background: var(--mev2-surface);
    color: var(--mev2-text);
    box-shadow: 0 20px 55px rgba(38, 39, 52, .06);
}

.mev2-generic-page__header {
    max-width: 760px;
    margin-bottom: 34px;
}

.mev2-generic-page__eyebrow {
    margin: 0 0 10px;
    color: var(--mev2-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.mev2-generic-page h1 {
    margin: 0;
    color: var(--mev2-text);
    font-size: clamp(38px, 6vw, 68px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: .98;
}

.mev2-generic-page__content {
    color: var(--mev2-text-secondary);
    font-size: 17px;
    line-height: 1.75;
}

.mev2-generic-page__content > * {
    max-width: 760px;
}

.mev2-generic-page__content > .alignwide {
    max-width: 900px;
}

.mev2-generic-page__content > .alignfull {
    width: calc(100% + clamp(56px, 10vw, 128px));
    max-width: none;
    margin-left: calc(clamp(28px, 5vw, 64px) * -1);
}

.mev2-generic-page__content h2,
.mev2-generic-page__content h3 {
    margin-top: 1.8em;
    color: var(--mev2-text);
    letter-spacing: -.025em;
    line-height: 1.15;
}

.mev2-generic-page__content a {
    color: var(--mev2-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mev2-generic-page__content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--mev2-radius);
}

@media (max-width: 700px) {
    .mev2-generic-page {
        width: calc(100% - 24px);
        margin: 16px auto 28px;
        padding: 24px 20px;
        border-radius: 20px;
    }

    .mev2-generic-page__header {
        margin-bottom: 24px;
    }

    .mev2-generic-page__content {
        font-size: 16px;
    }

    .mev2-generic-page__content > .alignfull {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}