/* SCMB Academy: every selector is scoped to the academy root or its dedicated body class. */
.scmb-academy {
    --academy-primary: var(--scmb-primary, #0f766e);
    --academy-primary-2: var(--scmb-primary-2, #115e59);
    --academy-accent: var(--scmb-accent, #f59e0b);
    --academy-bg: var(--scmb-bg, #f6f8f7);
    --academy-surface: var(--scmb-surface, #fff);
    --academy-surface-soft: var(--scmb-surface-soft, #eef7f4);
    --academy-heading: var(--scmb-heading, #0f1f1b);
    --academy-text: var(--scmb-text, #17231f);
    --academy-muted: var(--scmb-muted, #64736e);
    --academy-border: var(--scmb-border, #dbe5e1);
    --academy-ring: var(--scmb-ring, rgb(15 118 110 / 28%));
    --academy-shadow: var(--scmb-shadow, 0 18px 50px rgb(15 23 42 / 8%));
    --academy-radius: var(--scmb-radius, 16px);
    --academy-container: var(--scmb-container, 1180px);
    color: var(--academy-text);
    direction: rtl;
    font: inherit;
    text-align: start;
}

.scmb-academy *,
.scmb-academy *::before,
.scmb-academy *::after {
    box-sizing: border-box;
}

.scmb-academy .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.scmb-academy__container {
    width: min(calc(100% - 2rem), var(--academy-container));
    margin-inline: auto;
}

.scmb-academy__hero {
    padding-block: clamp(2.75rem, 7vw, 5.25rem);
    color: #fff;
    background:
        radial-gradient(circle at 12% 20%, rgb(245 158 11 / 24%), transparent 24rem),
        linear-gradient(135deg, var(--academy-primary-2), var(--academy-primary));
}

.scmb-academy__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding-inline: .85rem;
    border: 1px solid rgb(255 255 255 / 34%);
    border-radius: 999px;
    background: rgb(255 255 255 / 12%);
    font-size: .88rem;
    font-weight: 700;
}

.scmb-academy__title,
.scmb-academy__article-title {
    margin: 0;
    color: inherit;
    font-weight: 800;
    line-height: 1.45;
}

.scmb-academy__title {
    margin-block-start: 1rem;
    font-size: clamp(2rem, 6vw, 3.4rem);
}

.scmb-academy__lead {
    max-width: 720px;
    margin: .75rem 0 0;
    color: rgb(255 255 255 / 86%);
    font-size: clamp(1rem, 2vw, 1.1rem);
    line-height: 2;
}

.scmb-academy__catalog {
    min-height: 20rem;
    padding-block: 40px clamp(3.5rem, 8vw, 6rem);
    background: var(--academy-bg);
}

.scmb-academy__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 40px;
    align-items: start;
}

.scmb-academy-card {
    width: min(100%, 300px);
    margin: 0;
    justify-self: center;
}

.scmb-academy-card__link {
    display: block;
    border-radius: calc(var(--academy-radius) - 4px);
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.scmb-academy-card__link:hover {
    transform: translateY(-4px);
    box-shadow: var(--academy-shadow);
}

.scmb-academy-card__link:focus-visible {
    box-shadow: 0 0 0 4px var(--academy-ring), var(--academy-shadow);
}

.scmb-academy-card__poster {
    position: relative;
    width: 100%;
    aspect-ratio: 300 / 212;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--academy-border);
    border-radius: calc(var(--academy-radius) - 4px);
    background: var(--academy-surface);
}

.scmb-academy-card__image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    transition: transform 220ms ease;
}

.scmb-academy-card__link:hover .scmb-academy-card__image {
    transform: scale(1.025);
}

.scmb-academy__pagination {
    margin-block-start: 3rem;
}

.scmb-academy__pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.scmb-academy__pagination a,
.scmb-academy__pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding-inline: .8rem;
    border: 1px solid var(--academy-border);
    border-radius: 10px;
    background: var(--academy-surface);
    color: var(--academy-primary-2);
    text-decoration: none;
}

.scmb-academy__pagination .current {
    border-color: var(--academy-primary);
    background: var(--academy-primary);
    color: #fff;
}

.scmb-academy__empty {
    max-width: 680px;
    margin-inline: auto;
    padding: clamp(2rem, 6vw, 4rem);
    border: 1px solid var(--academy-border);
    border-radius: var(--academy-radius);
    background: var(--academy-surface);
    text-align: center;
    box-shadow: var(--academy-shadow);
}

.scmb-academy__empty h2 {
    margin-block: 0 .75rem;
    color: var(--academy-heading);
}

.scmb-academy__empty p {
    margin: 0;
    color: var(--academy-muted);
}

.scmb-academy--single {
    min-height: 50vh;
    padding-block: clamp(2rem, 6vw, 4.5rem);
    background: var(--academy-bg);
}

.scmb-academy__container--article {
    max-width: 920px;
}

.scmb-academy__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    margin-block-end: 1rem;
    color: var(--academy-muted);
    font-size: .92rem;
}

.scmb-academy__breadcrumbs a {
    color: var(--academy-primary);
    text-decoration: none;
}

.scmb-academy__article {
    overflow: hidden;
    border: 1px solid var(--academy-border);
    border-radius: var(--academy-radius);
    background: var(--academy-surface);
    box-shadow: var(--academy-shadow);
}

.scmb-academy__media-gate {
    position: relative;
    display: grid;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--academy-border);
    border-radius: calc(var(--academy-radius) - 4px);
    isolation: isolate;
    background: var(--academy-surface-soft);
}

.scmb-academy__media-gate::before {
    position: absolute;
    z-index: -2;
    inset: -10%;
    content: "";
    background:
        radial-gradient(circle at 22% 28%, color-mix(in srgb, var(--academy-accent) 36%, transparent), transparent 32%),
        radial-gradient(circle at 78% 68%, color-mix(in srgb, var(--academy-primary) 42%, transparent), transparent 38%),
        linear-gradient(135deg, var(--academy-surface-soft), var(--academy-surface));
    filter: blur(20px);
    transform: scale(1.08);
}

.scmb-academy__media-gate::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: color-mix(in srgb, var(--academy-surface) 68%, transparent);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.scmb-academy__media-gate-content {
    display: grid;
    max-width: 560px;
    gap: .75rem;
    justify-items: center;
    padding: clamp(1.25rem, 5vw, 2.5rem);
    text-align: center;
}

.scmb-academy__media-gate-icon {
    display: inline-grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border: 1px solid var(--academy-border);
    border-radius: 50%;
    background: var(--academy-surface);
    color: var(--academy-primary);
    font-size: 1.35rem;
    font-weight: 800;
    box-shadow: var(--academy-shadow);
}

.scmb-academy__media-gate-title {
    margin: 0;
    color: var(--academy-heading);
    font-size: clamp(1.05rem, 3vw, 1.35rem);
    font-weight: 800;
    line-height: 1.9;
}

.scmb-academy__media-gate-text {
    margin: 0;
    color: var(--academy-muted);
    font-size: .92rem;
    line-height: 1.9;
}

.scmb-academy__media-gate-login {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    margin-top: .25rem;
    padding-inline: 1.25rem;
    border: 1px solid var(--academy-primary);
    border-radius: 10px;
    background: var(--academy-primary);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.scmb-academy__media-gate-login:hover,
.scmb-academy__media-gate-login:focus-visible {
    border-color: var(--academy-primary-2);
    background: var(--academy-primary-2);
    color: #fff;
}

.scmb-academy__media-gate-login:focus-visible {
    outline: 3px solid var(--academy-ring);
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .scmb-academy__media-gate-content {
        gap: .5rem;
        padding: .75rem;
    }

    .scmb-academy__media-gate-icon,
    .scmb-academy__media-gate-text {
        display: none;
    }

    .scmb-academy__media-gate-title {
        font-size: .95rem;
        line-height: 1.7;
    }

    .scmb-academy__media-gate-login {
        min-height: 36px;
        padding-inline: 1rem;
        font-size: .85rem;
    }
}

.scmb-academy__article-header {
    padding: clamp(1.4rem, 5vw, 3rem);
    border-block-end: 1px solid var(--academy-border);
    background: linear-gradient(180deg, var(--academy-surface-soft), var(--academy-surface));
}

.scmb-academy__terms {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-block-end: .85rem;
}

.scmb-academy__terms span {
    display: inline-flex;
    padding: .25rem .75rem;
    border-radius: 999px;
    background: var(--academy-surface-soft);
    color: var(--academy-primary-2);
    font-size: .85rem;
    font-weight: 700;
}

.scmb-academy__article-title {
    color: var(--academy-heading);
    font-size: clamp(1.65rem, 5vw, 2.55rem);
}

.scmb-academy__featured {
    overflow: hidden;
    margin: 1.5rem 0 0;
    border-radius: calc(var(--academy-radius) - 4px);
    background: var(--academy-surface-soft);
}

.scmb-academy__featured-image {
    display: block;
    width: 100%;
    max-height: 650px;
    object-fit: cover;
}

.scmb-academy__content {
    padding: clamp(1.4rem, 5vw, 3rem);
    color: var(--academy-text);
    font-size: 1rem;
    line-height: 2;
}

.scmb-academy__content > :first-child {
    margin-block-start: 0;
}

.scmb-academy__content > :last-child {
    margin-block-end: 0;
}

.scmb-academy__content h2,
.scmb-academy__content h3,
.scmb-academy__content h4 {
    color: var(--academy-heading);
    line-height: 1.65;
}

.scmb-academy__content a {
    color: var(--academy-primary);
    text-underline-offset: .2em;
}

.scmb-academy__content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.scmb-academy__content iframe,
.scmb-academy__content video {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-block: 1rem 1.5rem;
    border: 0;
    border-radius: 12px;
    background: #0f172a;
}

.scmb-academy__content blockquote {
    margin: 1.5rem 0;
    padding: .9rem 1.1rem;
    border-inline-start: 4px solid var(--academy-accent);
    border-radius: 0 10px 10px 0;
    background: var(--academy-surface-soft);
}

.scmb-academy__content hr {
    height: 1px;
    margin-block: 2rem;
    border: 0;
    background: var(--academy-border);
}

.scmb-academy__article-footer {
    padding: 0 clamp(1.4rem, 5vw, 3rem) clamp(1.4rem, 5vw, 3rem);
}

.scmb-academy__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding-inline: 1rem;
    border-radius: 10px;
    background: var(--academy-primary);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.scmb-academy__back:hover,
.scmb-academy__back:focus-visible {
    background: var(--academy-primary-2);
    color: #fff;
}

@media (max-width: 900px) {
    .scmb-academy__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .scmb-academy__container {
        width: min(calc(100% - 1.5rem), var(--academy-container));
    }

    .scmb-academy__grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 28px;
    }

    .scmb-academy-card {
        width: min(100%, 300px);
    }

    .scmb-academy__content,
    .scmb-academy__article-header {
        padding-inline: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scmb-academy-card__link,
    .scmb-academy-card__image {
        transition: none;
    }
}