.educa-course-intro,
.educa-course-intro *,
.educa-course-intro *::before,
.educa-course-intro *::after {
    box-sizing: border-box;
}
.educa-course-intro {
    --intro-dark: #101828;
    --intro-text: #344054;
    --intro-muted: #667085;
    --intro-border: #dce4ec;
    --intro-border-soft: #e9eef4;
    --intro-blue: #2563eb;
    --intro-purple: #7c3aed;
    --intro-teal: #0891a8;

    position: relative;
    width: 100%;
    margin: 34px 0 46px;
    padding: 34px;
    overflow: hidden;
    border: 1px solid var(--intro-border);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 96% 4%,
            rgba(37, 99, 235, 0.07),
            transparent 30%
        ),
        linear-gradient(145deg, #ffffff 0%, #fbfcff 100%);
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.04),
        0 24px 60px rgba(15, 23, 42, 0.055);
    color: var(--intro-text);
}

.educa-course-intro__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--intro-border-soft);
}

.educa-course-intro__heading {
    min-width: 0;
}

.educa-course-intro__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    margin-bottom: 11px;
    padding: 4px 11px;
    border-radius: 999px;
    background: #eef4ff;
    color: var(--intro-blue);
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.educa-course-intro__heading h2 {
    margin: 0;
    color: var(--intro-dark);
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    font-weight: 760;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.educa-course-intro__progress {
    min-width: 320px;
    padding-top: 8px;
}

/* The custom Course Curriculum replaces LearnDash Course Content. */
body.single-sfwd-courses
.learndash-wrapper
.ld-accordion--course {
	display: none !important;
}

/* Стандартный LearnDash progress внутри нового блока */

.educa-course-intro .ld-progress {
    margin: 0;
}

.educa-course-intro .ld-progress-heading {
    margin-bottom: 9px;
}

.educa-course-intro .ld-progress-bar {
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: #e8edf4;
}

.educa-course-intro .ld-progress-bar-percentage {
    border-radius: inherit;
    background: linear-gradient(90deg, #3b82f6, #2563eb);
}

.educa-course-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 22px;
}

.educa-course-intro__section {
    padding: 30px 26px;
    border: 1px solid var(--intro-border-soft);
    border-radius: 18px;
    background: #fff;
}

.educa-course-intro__section--learn {
    background:
        linear-gradient(
            145deg,
            rgba(8, 145, 168, 0.035),
            rgba(255, 255, 255, 0)
        ),
        #fff;
}

.educa-course-intro__section h3 {
    position: relative;
    margin: 0 0 18px;
    padding-left: 42px;
    color: var(--intro-dark);
    font-size: 1.18rem;
    font-weight: 740;
    line-height: 1.3;
}

.educa-course-intro__section h3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    transform: translateY(-50%);
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

.educa-course-intro__section--learn h3::before {
    background: linear-gradient(135deg, #20b5bd, #0891a8);
    box-shadow: 0 8px 18px rgba(8, 145, 168, 0.18);
}

.educa-course-intro__section h3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: translateY(-50%);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v16H5V4Zm4 4h6M9 12h6M9 16h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v16H5V4Zm4 4h6M9 12h6M9 16h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.educa-course-intro__section p {
    margin: 0 0 13px;
    color: var(--intro-text);
    font-size: 1rem;
    line-height: 1.72;
}

.educa-course-intro__section p:last-child {
    margin-bottom: 0;
}

.educa-course-intro__section strong {
    color: var(--intro-dark);
    font-weight: 520;
}

.educa-course-intro__section ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.educa-course-intro__section li {
    position: relative;
    margin: 0;
    padding-left: 25px;
    color: var(--intro-text);
    font-size: 0.97rem;
    line-height: 1.55;
}

.educa-course-intro__section li::before {
    content: "";
    position: absolute;
    top: 0.55em;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 5px solid var(--intro-blue);
    border-radius: 50%;
    background: #fff;
}

.educa-course-intro__section--learn li::before {
    border-color: var(--intro-teal);
}

.educa-course-intro__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin-top: 22px;
}

.educa-course-intro__duration {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 72px;
    padding: 13px 17px;
    border: 1px solid var(--intro-border);
    border-radius: 16px;
    background: #fff;
}

.educa-course-intro__duration-icon {
    position: relative;
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
    box-shadow: 0 9px 20px rgba(109, 40, 217, 0.2);
}

.educa-course-intro__duration-icon::before {
    content: "";
    position: absolute;
    inset: 10px;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8v4l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8v4l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.educa-course-intro__duration div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.educa-course-intro__duration strong {
    color: var(--intro-dark);
    font-size: 0.95rem;
    font-weight: 730;
}

.educa-course-intro__duration span {
    color: var(--intro-muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .educa-course-intro__top {
        flex-direction: column;
    }

    .educa-course-intro__progress {
        width: 100%;
        min-width: 0;
    }

    .educa-course-intro__grid {
        grid-template-columns: 1fr;
    }

    .educa-course-intro__footer {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .educa-course-intro {
        margin: 26px 0 34px;
        padding: 22px 18px;
        border-radius: 19px;
    }

    .educa-course-intro__top {
        gap: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .educa-course-intro__heading h2 {
        font-size: 1.75rem;
    }

    .educa-course-intro__section {
        padding: 24px 18px;
        border-radius: 15px;
    }

    .educa-course-intro__section h3 {
        font-size: 1.08rem;
    }

    .educa-course-intro__section p {
        font-size: 0.95rem;
    }

    .educa-course-intro__section li {
        font-size: 0.93rem;
    }

    .educa-course-intro__cta {
        width: 100%;
    }

	.educa-course-intro__top {
		border-bottom: none !important;
	}
}

.educa-curriculum,
.educa-curriculum *,
.educa-curriculum *::before,
.educa-curriculum *::after {
    box-sizing: border-box;
}

.educa-curriculum {
    --educa-dark: #101828;
    --educa-text: #172033;
    --educa-muted: #667085;
    --educa-border: #dce4ec;
    --educa-border-soft: #e9eef4;
    --educa-surface: #ffffff;
    --educa-surface-soft: #f8fafc;

    --educa-blue-1: #3b82f6;
    --educa-blue-2: #2563eb;

    --educa-purple-1: #8b5cf6;
    --educa-purple-2: #6d28d9;

    --educa-teal-1: #20b5bd;
    --educa-teal-2: #0891a8;

    --educa-orange-1: #fbbf24;
    --educa-orange-2: #f59e0b;

    width: 100%;
    margin: 46px 0;
    color: var(--educa-text);
}

.educa-curriculum a {
    color: inherit;
    text-decoration: none;
}

.educa-curriculum__header {
    margin-bottom: 22px;
}

.educa-curriculum__heading {
    width: 100%;
}

.educa-curriculum__title {
    margin: 0;
    color: var(--educa-dark);
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -0.04em;
}

.educa-curriculum__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.educa-curriculum__separator {
    display: none;
}

.educa-curriculum__stat {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 90px;
    padding: 18px 20px 18px 84px;
    border: 1px solid var(--educa-border);
    border-radius: 18px;
    background: #fff;
    color: var(--educa-dark);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    box-shadow:
        0 7px 20px rgba(15, 23, 42, 0.035),
        0 18px 38px rgba(15, 23, 42, 0.045);
}

.educa-curriculum__stat::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    transform: translateY(-50%);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.2);
}

.educa-curriculum__stat::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 33px;
    width: 22px;
    height: 22px;
    background: #fff;
    transform: translateY(-50%);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.educa-curriculum__stat:first-of-type::before {
    background: linear-gradient(
        135deg,
        var(--educa-blue-1),
        var(--educa-blue-2)
    );
}

.educa-curriculum__stat:first-of-type::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Zm-8 9 8 4 8-4M4 17l8 4 8-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Zm-8 9 8 4 8-4M4 17l8 4 8-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.educa-curriculum__stat:nth-of-type(3)::before {
    background: linear-gradient(
        135deg,
        var(--educa-teal-1),
        var(--educa-teal-2)
    );
    box-shadow: 0 10px 24px rgba(8, 145, 168, 0.2);
}

.educa-curriculum__stat:nth-of-type(3)::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='4' width='12' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='4' width='12' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Final Test */
.educa-curriculum__summary
> .educa-curriculum__stat:last-of-type::before {
	background: linear-gradient(
		135deg,
		var(--educa-purple-1),
		var(--educa-purple-2)
	);

	box-shadow: 0 10px 24px rgba(109, 40, 217, 0.2);
}

.educa-curriculum__summary
> .educa-curriculum__stat:last-of-type::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 3h3v13H5V6h3l1-3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='m9 13 2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 3h3v13H5V6h3l1-3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='m9 13 2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.educa-curriculum__modules {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.educa-module {
    overflow: hidden;
    border: 1px solid var(--educa-border);
    border-radius: 22px;
    background: #fff;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.04),
        0 24px 60px rgba(15, 23, 42, 0.055);
}

.educa-module__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    margin-bottom: 12px;
    padding: 4px 11px;
    border-radius: 999px;
    background: #eef4ff;
    color: var(--educa-blue-2);
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.educa-module__title {
    margin: 0;
    color: var(--educa-dark);
    font-size: clamp(1.4rem, 2.4vw, 1.8rem);
    font-weight: 750;
    line-height: 1.28;
    letter-spacing: -0.025em;
}

.educa-module__meta {
    margin-top: 10px;
    color: var(--educa-muted);
    font-size: 0.94rem;
    line-height: 1.45;
}

.educa-module__content {
    padding: 0 22px 22px;
}

.educa-module__lessons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.educa-lesson {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

.educa-lesson__link {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 16px;
    min-height: 68px;
    padding: 9px 16px;
    border: 1px solid var(--educa-border);
    border-radius: 15px;
    background: #fff;
    color: var(--educa-text);
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.028);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.educa-lesson__link:hover,
.educa-lesson__link:focus-visible {
    border-color: rgba(37, 99, 235, 0.25);
    box-shadow:
        0 8px 20px rgba(15, 23, 42, 0.045),
        0 16px 30px rgba(37, 99, 235, 0.045);
    transform: translateY(-1px);
}

.educa-lesson__link:focus-visible {
    outline: 2px solid rgba(37, 99, 235, 0.35);
    outline-offset: 2px;
}

.educa-lesson__number {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(
        135deg,
        var(--educa-blue-1),
        var(--educa-blue-2)
    );
    color: transparent;
    font-size: 0;
    opacity: 0.78;
    box-shadow: 0 9px 20px rgba(37, 99, 235, 0.2);
}

.educa-lesson__number::before {
    content: "";
    width: 22px;
    height: 22px;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l4 4v14H7V3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 3v5h5' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l4 4v14H7V3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 3v5h5' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.educa-lesson__main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.educa-lesson__label {
    display: block;
    margin-top: 2px;
    color: var(--educa-muted);
    font-size: 0.82rem;
    font-weight: 450;
    line-height: 1.35;
    order: 2;
}

.educa-lesson__title {
    overflow: hidden;
    color: var(--educa-dark);
    font-size: 0.99rem;
    font-weight: 680;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
    order: 1;
}

.educa-lesson__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #344054;
    transition: transform 0.2s ease;
}

.educa-lesson__link:hover .educa-lesson__arrow,
.educa-lesson__link:focus-visible .educa-lesson__arrow {
    transform: translateX(2px);
}

/* Listening / Audio */

.educa-lesson__link[href*="listen-"] .educa-lesson__number,
.educa-lesson__link[href*="listening-"] .educa-lesson__number,
.educa-lesson__link[href*="audio-"] .educa-lesson__number {
    background: linear-gradient(
        135deg,
        var(--educa-teal-1),
        var(--educa-teal-2)
    );
    box-shadow: 0 9px 20px rgba(8, 145, 168, 0.2);
}

.educa-lesson__link[href*="listen-"] .educa-lesson__number::before,
.educa-lesson__link[href*="listening-"] .educa-lesson__number::before,
.educa-lesson__link[href*="audio-"] .educa-lesson__number::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 14h3v6H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 1-2Zm16 0h-3v6h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-1-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 14h3v6H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 1-2Zm16 0h-3v6h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-1-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.educa-lesson__link[href*="listen-"] .educa-lesson__label,
.educa-lesson__link[href*="listening-"] .educa-lesson__label,
.educa-lesson__link[href*="audio-"] .educa-lesson__label {
    font-size: 0;
}

.educa-lesson__link[href*="listen-"] .educa-lesson__label::before,
.educa-lesson__link[href*="listening-"] .educa-lesson__label::before,
.educa-lesson__link[href*="audio-"] .educa-lesson__label::before {
    content: "Audio Lesson";
    font-size: 0.82rem;
}

/* Exercises */

.educa-lesson__link[href*="exercise"] .educa-lesson__number,
.educa-lesson__link[href*="special-russian-sounds"] .educa-lesson__number,
.educa-lesson__link[href*="practice"] .educa-lesson__number {
    background: linear-gradient(
        135deg,
        var(--educa-orange-1),
        var(--educa-orange-2)
    );
    box-shadow: 0 9px 20px rgba(245, 158, 11, 0.22);
}

.educa-lesson__link[href*="exercise"] .educa-lesson__number::before,
.educa-lesson__link[href*="special-russian-sounds"] .educa-lesson__number::before,
.educa-lesson__link[href*="practice"] .educa-lesson__number::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 20 4.5-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L4 20Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='m14 7 3 3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 20 4.5-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L4 20Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='m14 7 3 3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.educa-lesson__link[href*="exercise"] .educa-lesson__label,
.educa-lesson__link[href*="special-russian-sounds"] .educa-lesson__label,
.educa-lesson__link[href*="practice"] .educa-lesson__label {
    font-size: 0;
}

.educa-lesson__link[href*="exercise"] .educa-lesson__label::before,
.educa-lesson__link[href*="special-russian-sounds"] .educa-lesson__label::before,
.educa-lesson__link[href*="practice"] .educa-lesson__label::before {
    content: "Exercise";
    font-size: 0.82rem;
}

/* Reading */

.educa-lesson__link[href*="reading"] .educa-lesson__label {
    font-size: 0;
}

.educa-lesson__link[href*="reading"] .educa-lesson__label::before {
    content: "Reading Lesson";
    font-size: 0.82rem;
}

/* Quizzes */

.educa-lesson__quizzes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 4px 4px 4px 64px;
}

.educa-module-checks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
}

.educa-quiz {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 14px;
    min-height: 62px;
    padding: 8px 14px;
    border: 1px solid rgba(124, 58, 237, 0.16);
    border-radius: 14px;
    background:
        linear-gradient(
            90deg,
            rgba(139, 92, 246, 0.055),
            rgba(99, 102, 241, 0.035)
        ),
        #fff;
    color: var(--educa-dark);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.educa-quiz:hover,
.educa-quiz:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow:
        0 8px 20px rgba(15, 23, 42, 0.04),
        0 16px 32px rgba(124, 58, 237, 0.055);
}

.educa-quiz:focus-visible {
    outline: 2px solid rgba(124, 58, 237, 0.32);
    outline-offset: 2px;
}

.educa-quiz__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(
        135deg,
        var(--educa-purple-1),
        var(--educa-purple-2)
    );
    color: #fff;
    opacity: 0.78;
    box-shadow: 0 9px 20px rgba(109, 40, 217, 0.22);
}

.educa-quiz__icon svg {
    width: 21px;
    height: 21px;
}

.educa-quiz__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.educa-quiz__label {
    color: #7c3aed;
    font-size: 0.67rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.085em;
    text-transform: uppercase;
}

.educa-quiz__title {
    margin-top: 3px;
    overflow: hidden;
    color: #35258a;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.educa-quiz__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7c3aed;
    transition: transform 0.2s ease;
}

.educa-quiz:hover .educa-quiz__arrow,
.educa-quiz:focus-visible .educa-quiz__arrow {
    transform: translateX(2px);
}

/* Final test */

.educa-final-tests {
    margin-top: 20px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.educa-final-tests__header {
    display: none;
}

.educa-final-tests__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.educa-quiz--final-test {
    position: relative;
    overflow: hidden;
    grid-template-columns: 58px minmax(0, 1fr) 24px;
    min-height: 88px;
    padding: 14px 20px 14px 25px;
    border: 1px solid rgba(124, 58, 237, 0.24) !important;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 92% 50%,
            rgba(139, 92, 246, 0.1),
            transparent 28%
        ),
        linear-gradient(90deg, #fff 0%, #fbf9ff 100%) !important;
    box-shadow:
        0 8px 22px rgba(15, 23, 42, 0.04),
        0 18px 40px rgba(109, 40, 217, 0.07);
}

.educa-quiz--final-test::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 4px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, #8b5cf6, #6d28d9);
}

.educa-quiz--final-test .educa-quiz__icon {
    width: 54px;
    height: 54px;
    border-radius: 15px;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
    opacity: 1;
    box-shadow: 0 9px 22px rgba(109, 40, 217, 0.2);
}

.educa-quiz--final-test .educa-quiz__label {
    display: inline-flex;
    width: fit-content;
    padding: 4px 9px;
    border-radius: 999px;
    background: #f0eaff;
    color: #6d28d9;
}

.educa-quiz--final-test .educa-quiz__title {
    margin-top: 5px;
    color: #24174f;
    font-size: 1.12rem;
    font-weight: 750;
}

.educa-quiz--final-test .educa-quiz__arrow {
    color: #6d28d9;
}

.educa-quiz--final-test:hover,
.educa-quiz--final-test:focus-visible {
    border-color: rgba(124, 58, 237, 0.4) !important;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.05),
        0 20px 44px rgba(109, 40, 217, 0.11);
}

@media (max-width: 820px) {
    .educa-curriculum__summary {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .educa-curriculum__stat {
        min-height: 78px;
    }
}

@media (max-width: 767px) {
    .educa-curriculum {
        margin: 34px 0;
    }

    .educa-curriculum__title {
        font-size: 1.9rem;
    }

    .educa-curriculum__summary {
        margin-top: 18px;
    }

    .educa-module {
        border-radius: 18px;
    }

    .educa-module__content {
        padding: 0 10px 12px;
    }

    .educa-module__lessons {
        gap: 7px;
		padding-left: 0.5em !important;
    }

    .educa-lesson__link {
        grid-template-columns: 42px minmax(0, 1fr) 18px;
        gap: 12px;
        min-height: 62px;
        padding: 8px 11px;
    }

    .educa-lesson__number {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

    .educa-lesson__number::before {
        width: 20px;
        height: 20px;
    }

    .educa-lesson__title {
        font-size: 0.93rem;
    }

    .educa-lesson__label,
    .educa-lesson__link[href*="listen-"] .educa-lesson__label::before,
    .educa-lesson__link[href*="listening-"] .educa-lesson__label::before,
    .educa-lesson__link[href*="audio-"] .educa-lesson__label::before,
    .educa-lesson__link[href*="exercise"] .educa-lesson__label::before,
    .educa-lesson__link[href*="special-russian-sounds"] .educa-lesson__label::before,
    .educa-lesson__link[href*="practice"] .educa-lesson__label::before,
    .educa-lesson__link[href*="reading"] .educa-lesson__label::before {
        font-size: 0.76rem;
    }

    .educa-lesson__quizzes {
        margin-left: 46px;
        margin-right: 2px;
    }

    .educa-quiz {
        grid-template-columns: 38px minmax(0, 1fr) 18px;
        gap: 11px;
        min-height: 58px;
        padding: 8px 10px;
    }

    .educa-quiz__icon {
        width: 37px;
        height: 37px;
    }

    .educa-quiz__title {
        font-size: 0.86rem;
    }

    .educa-quiz--final-test {
        grid-template-columns: 48px minmax(0, 1fr) 20px;
        min-height: 74px;
        padding: 11px 13px 11px 18px;
    }

    .educa-quiz--final-test::before {
        top: 10px;
        bottom: 10px;
        width: 3px;
    }

    .educa-quiz--final-test .educa-quiz__icon {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .educa-quiz--final-test .educa-quiz__title {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .educa-curriculum__stat {
        padding-left: 76px;
    }

    .educa-lesson__quizzes {
        margin-left: 20px;
    }

    .educa-quiz__label {
        font-size: 0.62rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .educa-lesson__link,
    .educa-lesson__arrow,
    .educa-quiz,
    .educa-quiz__arrow {
        transition: none;
    }
}

/* =========================================================
   LEARNDASH SIDEBAR
   ========================================================= */

/* Убираем карточку Includes */
body.single-sfwd-courses
.learndash-wrapper
.ld-layout__sidebar
.ld-details {
	display: none !important;
}


/* =========================================================
   COURSE LAYOUT: FULL-WIDTH CONTENT ON ALL SCREENS
   ========================================================= */

body.single-sfwd-courses .ld-layout {
	display: flex !important;
	flex-direction: column !important;

	width: 100% !important;
	max-width: 100% !important;

	grid-template-columns: none !important;
	grid-template-areas: none !important;
}

body.single-sfwd-courses .ld-layout__sidebar {
	order: 1 !important;

	position: static !important;
	inset: auto !important;

	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;

	margin: 0 0 24px !important;
}

body.single-sfwd-courses .ld-layout__content {
	order: 2 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

body.single-sfwd-courses .ld-enrollment {
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	isolation: isolate;
	overflow: hidden;
	min-height: 170px;
	padding-right: 300px !important;
}

/* Fernando message — информационная карточка, не кнопка */
.educa-course-intro__cta {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 96px;
	margin: 0;
	padding: 36px 150px 18px 24px;
	border-radius: 16px;
	background-color: #315cf5;
	background-image:
	linear-gradient(
		90deg,
		rgba(37, 99, 235, 0.98) 0%,
		rgba(72, 78, 238, 0.88) 48%,
		rgba(91, 68, 229, 0.08) 76%,
		transparent 100%
	),
		url("/wp-content/uploads/2026/07/fernando-russian.webp");

	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;

	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	text-align: left;

	box-shadow: 0 12px 28px rgba(37, 99, 235, 0.14);

	cursor: default;
	pointer-events: none;
	overflow: hidden;
}

/* Небольшая декоративная подпись */
.educa-course-intro__cta::before {
	content: "MEET FERNANDO";
	position: absolute;
	top: 14px;
	left: 24px;

	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.1em;

	color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 767px) {

	.educa-course-intro__cta {
		min-height: 116px;
		padding:
			42px
			125px
			18px
			20px;

		background-position: 62% center;
		background-size: cover;

		font-size: 14px;
		border-radius: 14px;
	}

	.educa-course-intro__cta::before {
		top: 17px;
		left: 20px;
	}
}
@media (max-width: 420px) {

	.educa-course-intro__cta {
		min-height: 124px;
		padding-right: 112px;

		background-position: 67% center;

		font-size: 13px;
		line-height: 1.4;
	}
}

/* =========================================================

   FIX: COURSE DURATION AFTER MOBILE ORIENTATION CHANGE
   ========================================================= */

.educa-course-intro__duration {
	box-sizing: border-box;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	block-size: auto !important;
	min-block-size: 0 !important;
	max-block-size: none !important;

	flex: 0 0 auto !important;
	align-self: flex-start !important;

	margin-top: 0;
	margin-bottom: 0;
}

/*
 * Действует и в вертикальной, и в горизонтальной
 * ориентации телефона/планшета.
 */
@media (max-width: 1024px) {

	.educa-course-intro__footer {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;

		align-items: flex-start !important;
		align-content: flex-start !important;
		justify-content: flex-start !important;

		grid-auto-rows: max-content !important;
	}

	.educa-course-intro__duration {
		position: relative !important;
		inset: auto !important;

		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;

		padding-top: 14px;
		padding-bottom: 14px;

		transform: none !important;
	}
}
/* Одинаковая высота duration и Fernando-card только на desktop */
@media (min-width: 1025px) {

	.educa-course-intro__footer {
		align-items: stretch !important;
	}

	.educa-course-intro__duration,
	.educa-course-intro__cta {
		box-sizing: border-box;
		height: auto !important;
		min-height: 96px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.educa-course-intro__duration {
		align-self: stretch !important;
	}

	.educa-course-intro__cta {
		align-self: stretch !important;
		padding: 27px 145px 12px 24px;
	}

	.educa-course-intro__cta::before {
		top: 13px;
		left: 24px;
	}
}

/* =========================================================
   ENROLLMENT — DECORATIVE RUSSIAN ILLUSTRATION
   ========================================================= */

body.single-sfwd-courses .ld-enrollment > * {
	position: relative;
	z-index: 1;
}

body.single-sfwd-courses .ld-enrollment::after {
	content: "";
	position: absolute;
	z-index: 0;

	top: 50%;
	right: 38px;

	width: 240px;
	height: 170px;

	background-image: url("/wp-content/uploads/2026/07/Culture-Focus.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	opacity: 0.75;
	transform: translateY(-50%);

	pointer-events: none;
}

/* Mobile */
@media (max-width: 767px) {

	body.single-sfwd-courses .ld-enrollment {
		min-height: 0;
		padding-right: 16px !important;
	}

	body.single-sfwd-courses .ld-enrollment::after {
	top: 12px;
    right: 10px;
    width: 95px;
    height: 150px;
    opacity: 0.5;
    transform: none;
	}
}

/* =========================================================
   COURSE HERO
   Basic Russian Course — ID 29
   ========================================================= */

/* Скрываем старый заголовок LearnDash */
body.single-sfwd-courses.postid-29
.entry-header.sfwd-courses-title {
	display: none;
}

/* Новый hero заменяет стандартный enrollment */
body.single-sfwd-courses.postid-29
.ld-layout__sidebar {
	display: none !important;
}

body.single-sfwd-courses.postid-29
.ld-layout__content {
	order: 1 !important;
	width: 100% !important;
	max-width: none !important;
}

/* Hero */
body.single-sfwd-courses
.educa-course-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	min-height: 410px;
	margin: 0 0 36px;
	padding: 46px 48px 38px;

	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 26px;

	background-color: #315cf5;
	background-image:
		linear-gradient(
		90deg,
		rgba(36, 82, 216, 0.98) 0%,
		rgba(36, 82, 216, 0.92) 40%,
		rgba(36, 82, 216, 0.4) 56%,
		rgba(36, 82, 216, 0.08) 72%,
		rgba(36, 82, 216, 0) 100%
	),
		url("/wp-content/uploads/2026/07/educa-russian-course-hero-final.webp");

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	box-shadow:
		0 24px 52px -28px rgba(20, 55, 160, 0.55),
		0 10px 24px -18px rgba(15, 23, 42, 0.3);

	color: #ffffff;
}

body.single-sfwd-courses
.educa-course-hero__content {
	position: relative;
	z-index: 1;
	width: min(100%, 650px);
}

/* Верхняя метка */
body.single-sfwd-courses
.educa-course-hero__eyebrow {
	display: inline-flex;
	align-items: center;

	margin: 0 0 20px;
	padding: 7px 12px;

	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 999px;

	background: rgba(255, 255, 255, 0.13);
	color: #ffffff;

	font-size: 0.72rem;
	font-weight: 750;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Основной заголовок */
body.single-sfwd-courses
.educa-course-hero__title {
	max-width: 620px;
	margin: 0 0 18px;

	color: #ffffff;
	font-size: clamp(2.15rem, 4vw, 3.45rem);
	font-weight: 750;
	line-height: 1.07;
	letter-spacing: -0.035em;
}

/* Описание */
body.single-sfwd-courses
.educa-course-hero__description {
	max-width: 610px;
	margin: 0 0 22px;

	color: rgba(255, 255, 255, 0.92);
	font-size: 1.04rem;
	line-height: 1.65;
}

/* Преимущества */
body.single-sfwd-courses
.educa-course-hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;

	margin: 0 0 28px;
	padding: 0;

	list-style: none;
}

body.single-sfwd-courses
.educa-course-hero__facts li {
	position: relative;
	margin: 0;
	padding: 0 0 0 22px;

	color: rgba(255, 255, 255, 0.96);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.45;
}

body.single-sfwd-courses
.educa-course-hero__facts li::before {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;

	color: #f9c74f;
	font-weight: 800;
}

/* CTA */
body.single-sfwd-courses
.educa-course-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;

	margin: 0;
}

body.single-sfwd-courses
.educa-course-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;
	padding: 12px 22px;

	border: 1px solid transparent;
	border-radius: 11px;

	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;

	transition:
		transform 0.2s ease,
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

body.single-sfwd-courses
.educa-course-hero__button--primary {
	background: #ffffff;
	color: #2455d6 !important;

	box-shadow:
		0 12px 24px -12px rgba(7, 25, 88, 0.55);
}

body.single-sfwd-courses
.educa-course-hero__button--secondary {
	border-color: rgba(255, 255, 255, 0.55);
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff !important;
}

/* Hover только для устройств с мышью */
@media (hover: hover) {

	body.single-sfwd-courses
	.educa-course-hero__button:hover {
		transform: translateY(-2px);
	}

	body.single-sfwd-courses
	.educa-course-hero__button--primary:hover {
		background: #f4f7ff;
		color: #1e4fc8 !important;
		box-shadow:
			0 16px 28px -12px rgba(7, 25, 88, 0.65);
	}

	body.single-sfwd-courses
	.educa-course-hero__button--secondary:hover {
		border-color: #ffffff;
		background: rgba(255, 255, 255, 0.18);
		color: #ffffff !important;
	}
}

/* Login */
body.single-sfwd-courses
.educa-course-hero__login {
	margin: 13px 0 0;

	color: rgba(255, 255, 255, 0.78);
	font-size: 0.82rem;
}

body.single-sfwd-courses
.educa-course-hero__login a {
	color: #ffffff !important;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Trust line */
body.single-sfwd-courses
.educa-course-hero__trust {
	margin: 20px 0 0;

	color: rgba(255, 255, 255, 0.74);
	font-size: 0.76rem;
	line-height: 1.45;
}

/* Reduce the empty space above the course hero */
body.single-sfwd-courses.postid-29
.content-area {
	margin-top: 32px;
}

body.single-sfwd-courses.postid-29
.entry-content-wrap {
	padding-top: 32px;
}

/* =========================================================
   MODULE HEADER VISUALS
   ========================================================= */

.educa-module__header {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.educa-module__toggle {
	position: relative;
	z-index: 1;
}

/* Module 1 — Alphabet & Phonetics */
.educa-module--1
.educa-module__header {
	background:
		radial-gradient(
			circle at 105% 50%,
			rgba(37, 99, 235, 0.08) 0,
			rgba(37, 99, 235, 0.035) 24%,
			transparent 48%
		),
		#fff;
}

.educa-module--1
.educa-module__header::after {
	content: "А";

	position: absolute;
	z-index: 0;
	top: 50%;
	right: 190px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 64px;
	height: 64px;

	border: 2px solid currentColor;
	border-radius: 18px;

	color: #2563eb;
	opacity: 0.22;

	font-size: 2.3rem;
	font-weight: 800;
	line-height: 1;

	transform:
		translateY(-50%)
		rotate(-6deg);

	pointer-events: none;
}

/* Module 2 — Hello! */
.educa-module--2
.educa-module__header {
	background:
		radial-gradient(
			circle at 105% 50%,
			rgba(8, 145, 178, 0.085) 0,
			rgba(8, 145, 178, 0.035) 24%,
			transparent 48%
		),
		#fff;
}

.educa-module--2
.educa-module__header::after {
	content: "";

	position: absolute;
	z-index: 0;
	top: 50%;
	right: 190px;

	width: 68px;
	height: 68px;

	background-color: #0891b2;
	opacity: 0.12;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h9a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H9l-4 3v-3a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 9h2a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3v2l-3-2h-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h9a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H9l-4 3v-3a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 9h2a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3v2l-3-2h-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	transform: translateY(-50%);
	pointer-events: none;
}

/* Individual module label color */
.educa-module--2
.educa-module__eyebrow {
	background: #e7f8fb;
	color: #0891b2;
}

/*
 * At smaller widths the title and metadata need all available space.
 * The colored module label remains as the visual identifier.
 */
@media (max-width: 899px) {

	.educa-module--1
	.educa-module__header::after,
	.educa-module--2
	.educa-module__header::after {
		display: none !important;
	}
}


/* =========================================================
   COURSE HERO — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	body.single-sfwd-courses
	.educa-course-hero {
		min-height: 0;
		margin-bottom: 28px;
		padding: 190px 22px 26px;
		border-radius: 12px;
		background-image:
			linear-gradient(
				180deg,
				rgba(37, 99, 235, 0.03) 0,
				rgba(37, 99, 235, 0.05) 145px,
				#275be0 190px,
				#275be0 100%
			),
			url("/wp-content/uploads/2026/07/educa-russian-course-hero-final.webp");
		background-position:
			center,
			top right;
		background-size:
			100% 100%,
			auto 180px;
	}

	body.single-sfwd-courses
	.educa-course-hero__eyebrow {
		white-space: nowrap;
		font-size: 0.62rem;
		letter-spacing: 0.065em;
	}

	body.single-sfwd-courses
	.educa-course-hero__title {
		margin-bottom: 15px;
		font-size: clamp(2rem, 9vw, 2.55rem);
		line-height: 1.08;
	}

	body.single-sfwd-courses
	.educa-course-hero__description {
		margin-bottom: 20px;
		font-size: 0.96rem;
		line-height: 1.58;
	}

	body.single-sfwd-courses
	.educa-course-hero__facts {
		display: grid;
		gap: 8px;
		margin-bottom: 24px;
	}

	body.single-sfwd-courses
	.educa-course-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	body.single-sfwd-courses
	.educa-course-hero__button {
		width: 100%;
		min-height: 50px;
	}

	body.single-sfwd-courses
	.educa-course-hero__login {
		text-align: center;
	}

	body.single-sfwd-courses
	.educa-course-hero__trust {
		margin-top: 18px;
		text-align: center;
	}
	
		body.single-sfwd-courses.postid-29
	.content-area {
		margin-top: 16px;
	}

	body.single-sfwd-courses.postid-29
	.entry-content-wrap {
		padding-top: 18px;
	}

	body.single-sfwd-courses
	.educa-course-hero {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 380px) {

	body.single-sfwd-courses
	.educa-course-hero {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* Tablet portrait: title over the illustration */
@media (min-width: 520px) and (max-width: 767px) {

	body.single-sfwd-courses
	.educa-course-hero {
		--hero-tablet-image-height:
			clamp(210px, 34vw, 250px);

		padding-top:
	    calc(
		var(--hero-tablet-image-height) - 18px
	    );
		background-color: #275be0;
        background-image:
	    linear-gradient(
		180deg,
		rgba(39, 91, 224, 0) 55%,
		rgba(39, 91, 224, 0.12) 68%,
		rgba(39, 91, 224, 0.55) 85%,
		#275be0 100%
	),
	    url("/wp-content/uploads/2026/07/educa-russian-course-hero-final.webp");

background-repeat:
	no-repeat,
	no-repeat;

background-position:
	top center,
	top center;

background-size:
	100% var(--hero-tablet-image-height),
	auto var(--hero-tablet-image-height);
	}

	body.single-sfwd-courses
	.educa-course-hero__content {
		position: static;
	}

	body.single-sfwd-courses
	.educa-course-hero__eyebrow {
		position: absolute;
		z-index: 2;
		top: 24px;
		left: 24px;

		max-width: calc(52% - 24px);
		margin: 0;

		white-space: nowrap;
		font-size: 0.58rem;
		letter-spacing: 0.055em;
	}

	body.single-sfwd-courses
	.educa-course-hero__title {
		position: absolute;
		z-index: 2;
		top: 67px;
		left: 24px;

		width: 48%;
		max-width: 330px;
		margin: 0;

		font-size: clamp(1.6rem, 4.3vw, 2rem);
		line-height: 1.08;
	}
}