.learning-catalog-page {
    --catalog-violet: #566be8;
    --catalog-violet-soft: #e2e6ff;
    --catalog-mint: #c7f2e7;
    --catalog-sand: #ece5d8;
    --catalog-card: rgba(255, 254, 249, .82);
}

.learning-shell { overflow: clip; }
.learning-main { max-width: 1240px; padding-bottom: 116px; }
.learning-main section[id] { scroll-margin-top: 24px; }
.learning-hero,
.learning-detail-hero,
.results-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .54fr);
    gap: clamp(52px, 8vw, 118px);
    align-items: end;
    padding: 86px 0 100px;
}

.learning-hero::before,
.learning-detail-hero::before,
.results-hero::before {
    position: absolute;
    top: 42px;
    right: 20%;
    z-index: -1;
    width: 118px;
    height: 118px;
    border: 1px solid rgba(20, 33, 30, .09);
    border-radius: 50%;
    content: "";
}

.learning-hero .eyebrow,
.learning-detail-hero .eyebrow,
.results-hero .eyebrow { margin-bottom: 24px; }
.learning-hero h1,
.learning-detail-hero h1,
.results-hero h1 {
    margin: 0;
    font-size: clamp(56px, 7vw, 94px);
    font-weight: 800;
    line-height: .92;
    letter-spacing: -.075em;
}

.learning-hero h1 em,
.learning-detail-hero h1 em,
.results-hero h1 em {
    position: relative;
    z-index: 1;
    font-style: normal;
    white-space: nowrap;
}

.learning-hero h1 em::after,
.learning-detail-hero h1 em::after,
.results-hero h1 em::after {
    position: absolute;
    right: -.06em;
    bottom: .04em;
    left: -.05em;
    z-index: -1;
    height: .26em;
    border-radius: 999px;
    background: var(--lime);
    content: "";
    transform: rotate(-1.2deg);
}

.learning-hero-copy > p:last-of-type,
.learning-detail-hero > div > p:last-of-type,
.results-hero-copy > p:last-child {
    max-width: 720px;
    margin: 28px 0 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.72;
    letter-spacing: -.02em;
}

.learning-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px;
    align-items: center;
    margin-top: 34px;
}

.catalog-proof {
    position: relative;
    min-height: 370px;
    padding: 28px;
    border: 1px solid var(--ink);
    border-radius: 25px;
    background: var(--ink);
    color: var(--white);
    box-shadow: 8px 8px 0 var(--lime);
    transform: rotate(1.1deg);
}

.catalog-proof::after {
    position: absolute;
    top: -20px;
    right: 28px;
    width: 39px;
    height: 39px;
    border: 1px solid var(--ink);
    border-radius: 50%;
    background: var(--orange);
    content: "";
}

.catalog-proof > * { transform: rotate(-1.1deg); }
.catalog-proof .section-kicker { color: var(--lime); }
.catalog-proof > strong { display: block; margin-top: 20px; color: var(--lime); font-size: 76px; line-height: .9; letter-spacing: -.08em; }
.catalog-proof > span { display: block; margin: 7px 0 27px; color: rgba(255, 255, 255, .68); font-size: 13px; }
.catalog-proof dl { margin: 0; border-top: 1px solid rgba(255, 255, 255, .16); }
.catalog-proof dl div { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 14px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.catalog-proof dt { color: rgba(255, 255, 255, .65); font-size: 12px; }
.catalog-proof dd { margin: 0; color: var(--white); font: 780 16px var(--mono); }
.catalog-proof > small { display: block; margin-top: 18px; color: rgba(255, 255, 255, .48); font-size: 10px; line-height: 1.55; }
.exam-proof { box-shadow: 8px 8px 0 var(--orange); }
.exam-proof > strong { color: var(--orange); }

.catalog-directory,
.detail-directory,
.exam-resource-section,
.result-directory { padding: 72px 0 48px; border-top: 1px solid var(--line); }
.catalog-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
    gap: 44px;
    align-items: end;
    margin-bottom: 36px;
}
.catalog-section-heading h2 {
    max-width: 780px;
    margin: 7px 0 0;
    font-size: clamp(37px, 4.8vw, 61px);
    line-height: 1;
    letter-spacing: -.062em;
}
.catalog-section-heading > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.catalog-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 270px;
    padding: 36px;
    border: 1px dashed var(--line-strong);
    border-radius: 21px;
    background: rgba(255, 254, 249, .46);
}
.catalog-empty > span { display: grid; place-items: center; width: 41px; height: 41px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--orange); }
.catalog-empty h2 { margin: auto 0 9px; font-size: 28px; letter-spacing: -.045em; }
.catalog-empty p { max-width: 590px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.compact-empty { min-height: 210px; }

.education-level-stack { display: grid; gap: 78px; }
.education-level > header {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 160px auto;
    gap: 18px;
    align-items: center;
    margin-bottom: 24px;
}
.level-index {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border: 1px solid var(--ink);
    border-radius: 50%;
    background: var(--lime);
    font: 760 10px var(--mono);
}
.education-level > header h3 { max-width: 680px; margin: 6px 0 0; font-size: 21px; line-height: 1.3; letter-spacing: -.035em; }
.education-level-visual { display: block; width: 160px; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--catalog-sand); }
.education-level-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.level-count { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font: 700 9px var(--mono); text-transform: uppercase; }
.grade-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.grade-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 345px;
    padding: 22px;
    border: 1px solid var(--line-strong);
    border-radius: 19px;
    background: var(--catalog-card);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.grade-card:nth-child(4n + 2) { background: rgba(226, 230, 255, .56); }
.grade-card:nth-child(4n + 3) { background: rgba(199, 242, 231, .43); }
.grade-card:hover { border-color: var(--ink); box-shadow: 5px 5px 0 var(--ink); transform: translate(-2px, -2px); }
.grade-card.is-planned { border-style: dashed; background: rgba(255, 254, 249, .42); }
.grade-card-topline,
.exam-card-topline,
.exam-area-top,
.result-card-top { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.grade-number {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--ink);
    border-radius: 13px;
    background: var(--ink);
    color: var(--lime);
    font: 780 14px var(--mono);
}
.catalog-status { display: inline-flex; gap: 7px; align-items: center; color: var(--muted); font: 720 8px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.catalog-status i { width: 7px; height: 7px; border-radius: 50%; background: #aaa49a; }
.is-live .catalog-status i,
.catalog-status .is-live,
.detail-status.is-live i { background: var(--success); box-shadow: 0 0 0 4px rgba(20, 123, 109, .12); }
.grade-card h4 { margin: 31px 0 10px; font-size: 27px; line-height: 1; letter-spacing: -.055em; }
.grade-card h4 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.grade-card > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.58; }
.grade-metrics,
.exam-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 24px 0 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--line); }
.grade-metrics div,
.exam-metrics div { display: flex; flex-direction: column; gap: 4px; padding: 10px; background: rgba(255, 254, 249, .86); }
.grade-metrics dt,
.exam-metrics dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.grade-metrics dd,
.exam-metrics dd { margin: 0; font: 750 12px var(--mono); }
.catalog-card-link { display: inline-flex; gap: 8px; align-items: center; width: fit-content; margin-top: auto; font-size: 11px; font-weight: 750; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }
.catalog-card-link:hover { text-decoration-color: currentColor; }
.catalog-card-link.is-disabled { color: var(--muted); cursor: default; text-decoration: none; }

.catalog-principle { margin-top: 92px; padding: 58px; border: 1px solid var(--ink); border-radius: 27px; background: var(--ink); color: var(--white); box-shadow: 9px 9px 0 var(--lime); }
.catalog-principle > div:first-child { display: flex; justify-content: space-between; gap: 40px; align-items: end; }
.catalog-principle .section-kicker { color: var(--lime); }
.catalog-principle h2 { max-width: 730px; margin: 8px 0 0; font-size: clamp(37px, 5vw, 60px); line-height: 1; letter-spacing: -.06em; }
.principle-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 44px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 16px; overflow: hidden; background: rgba(255, 255, 255, .14); }
.principle-steps article { min-height: 185px; padding: 24px; background: rgba(255, 255, 255, .045); }
.principle-steps span { color: var(--lime); font: 750 9px var(--mono); }
.principle-steps h3 { margin: 45px 0 8px; font-size: 20px; letter-spacing: -.035em; }
.principle-steps p { margin: 0; color: rgba(255, 255, 255, .58); font-size: 11px; line-height: 1.6; }

.learning-detail-hero { grid-template-columns: minmax(0, 1.15fr) minmax(350px, .5fr); padding-bottom: 78px; }
.learning-detail-hero h1 { font-size: clamp(54px, 6.7vw, 88px); }
.detail-long-title { display: block; max-width: 700px; margin-top: 18px; font-size: 16px; line-height: 1.5; }
.detail-status-row { display: flex; flex-wrap: wrap; gap: 9px 18px; align-items: center; margin-top: 27px; color: var(--muted); font-size: 10px; }
.detail-status { display: inline-flex; gap: 8px; align-items: center; padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 254, 249, .6); font: 730 9px var(--mono); text-transform: uppercase; }
.detail-status i { width: 8px; height: 8px; border-radius: 50%; background: #aaa49a; }
.detail-scorecard { overflow: hidden; border: 1px solid var(--ink); border-radius: 22px; background: var(--white); box-shadow: 7px 7px 0 var(--ink); }
.scorecard-head { display: flex; gap: 15px; align-items: center; padding: 21px; background: var(--lime); }
.scorecard-head > span { display: grid; place-items: center; min-width: 47px; height: 47px; padding: 0 8px; border-radius: 13px; background: var(--ink); color: var(--lime); font: 780 12px var(--mono); }
.scorecard-head p { margin: 0; font: 750 10px var(--mono); letter-spacing: .1em; }
.detail-scorecard dl { margin: 0; padding: 7px 21px; }
.detail-scorecard dl div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.detail-scorecard dl div:last-child { border-bottom: 0; }
.detail-scorecard dt { color: var(--muted); font-size: 11px; }
.detail-scorecard dd { margin: 0; font: 760 13px var(--mono); }
.detail-scorecard > small { display: block; padding: 15px 21px; border-top: 1px solid var(--line); background: var(--paper-deep); color: var(--muted); font-size: 9px; line-height: 1.5; }
.exam-scorecard .scorecard-head { background: var(--orange); }
.exam-scorecard .scorecard-head > span { color: var(--orange); }

.catalog-tabs,
.catalog-anchor-nav {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 70px;
    overflow-x: auto;
    scrollbar-width: thin;
}
.catalog-tabs a,
.catalog-anchor-nav a { flex: 0 0 auto; padding: 12px 17px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 254, 249, .5); color: var(--muted); font-size: 11px; font-weight: 700; }
.catalog-tabs a:hover,
.catalog-tabs a[aria-current="page"],
.catalog-anchor-nav a:hover { border-color: var(--ink); background: var(--ink); color: var(--white); }

.subject-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.subject-card {
    position: relative;
    min-height: 310px;
    padding: 23px;
    border: 1px solid var(--line-strong);
    border-radius: 18px;
    background: var(--catalog-card);
}
.subject-card:nth-child(3n + 2) { background: rgba(199, 242, 231, .4); }
.subject-card:nth-child(3n + 3) { background: rgba(226, 230, 255, .48); }
.subject-card-number { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid var(--ink); border-radius: 50%; font: 750 9px var(--mono); }
.subject-card > .catalog-status { position: absolute; top: 31px; right: 23px; }
.subject-card h3 { margin: 43px 0 9px; font-size: 25px; letter-spacing: -.045em; }
.subject-card > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.subject-card dl { display: flex; gap: 0; margin: 29px 0 0; padding: 17px 0 0; border-top: 1px solid var(--line); }
.subject-card dl div { min-width: 70px; padding-right: 15px; }
.subject-card dl div + div { padding-left: 15px; border-left: 1px solid var(--line); }
.subject-card dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.subject-card dd { margin: 5px 0 0; font: 750 12px var(--mono); }

.route-choice { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 70px; align-items: end; padding: 90px 0 20px; }
.route-choice h2 { max-width: 460px; margin: 8px 0 0; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -.06em; }
.route-choice-grid { display: grid; gap: 10px; }
.route-choice-grid > a { display: grid; grid-template-columns: 45px minmax(0, 1fr) auto; gap: 15px; align-items: center; min-height: 86px; padding: 15px 18px; border: 1px solid var(--ink); border-radius: 16px; background: var(--white); }
.route-choice-grid > a:first-child { background: var(--lime); }
.route-choice-grid > a:hover { box-shadow: 4px 4px 0 var(--ink); transform: translate(-1px, -1px); }
.route-choice-grid > a > span { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: var(--ink); color: var(--lime); font: 750 10px var(--mono); }
.route-choice-grid strong { display: block; font-size: 14px; }
.route-choice-grid small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.route-choice-grid b { font-size: 18px; }

.lesson-catalog-stack,
.quiz-catalog-stack { display: grid; gap: 54px; }
.lesson-catalog-group { overflow: hidden; border: 1px solid var(--line-strong); border-radius: 20px; background: var(--white); }
.lesson-catalog-group > header { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 22px; background: var(--paper-deep); }
.lesson-catalog-group > header > span { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid var(--ink); border-radius: 50%; font: 750 9px var(--mono); }
.lesson-catalog-group h3 { margin: 5px 0 0; font-size: 23px; letter-spacing: -.04em; }
.lesson-catalog-group > header > small { color: var(--muted); font: 710 9px var(--mono); }
.group-empty { margin: 0; padding: 26px; color: var(--muted); font-size: 12px; }
.content-link-list { margin: 0; padding: 0; list-style: none; }
.content-link-list li { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 15px; align-items: center; min-height: 84px; padding: 15px 22px; }
.content-link-list li + li { border-top: 1px solid var(--line); }
.content-link-list li > span { color: var(--orange); font: 750 9px var(--mono); }
.content-link-list strong { font-size: 14px; }
.content-link-list p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.content-link-list li > a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--ink); color: var(--white); }
.content-link-list li > small { color: var(--muted); font-size: 9px; }

.quiz-catalog-stack > section > header { margin-bottom: 18px; }
.quiz-catalog-stack > section > header h3 { margin: 6px 0 0; font-size: 27px; letter-spacing: -.045em; }
.catalog-quiz-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.catalog-quiz-grid article { display: flex; flex-direction: column; min-height: 260px; padding: 22px; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--white); }
.catalog-quiz-grid article:nth-child(3n + 2) { background: rgba(226, 230, 255, .5); }
.catalog-quiz-grid article > div:first-child { display: flex; justify-content: space-between; gap: 15px; color: var(--muted); font: 710 8px var(--mono); text-transform: uppercase; }
.catalog-quiz-grid article > div:first-child span { color: var(--orange); }
.catalog-quiz-grid h3,
.catalog-quiz-grid h4 { margin: 42px 0 9px; font-size: 21px; line-height: 1.2; letter-spacing: -.04em; }
.catalog-quiz-grid article > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.catalog-quiz-grid article > a { display: inline-flex; gap: 8px; width: fit-content; margin-top: auto; padding-top: 23px; font-size: 11px; font-weight: 750; }

.catalog-next-step { display: flex; justify-content: space-between; gap: 40px; align-items: center; margin-top: 92px; padding: 42px; border: 1px solid var(--ink); border-radius: 22px; background: var(--orange); box-shadow: 7px 7px 0 var(--ink); }
.catalog-next-step h2 { max-width: 700px; margin: 7px 0 0; font-size: clamp(34px, 4vw, 51px); line-height: 1; letter-spacing: -.055em; }

.exam-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.exam-card { display: flex; flex-direction: column; min-height: 430px; padding: 24px; border: 1px solid var(--line-strong); border-radius: 20px; background: var(--catalog-card); }
.exam-card:nth-child(3n + 2) { background: rgba(255, 224, 211, .48); }
.exam-card:nth-child(3n + 3) { background: rgba(226, 230, 255, .5); }
.exam-card.is-planned { border-style: dashed; background: rgba(255, 254, 249, .4); }
.exam-monogram { display: grid; place-items: center; min-width: 54px; height: 43px; padding: 0 9px; border-radius: 12px; background: var(--ink); color: var(--lime); font: 780 11px var(--mono); }
.exam-card > .section-kicker { margin-top: 35px; }
.exam-card h3 { margin: 8px 0 8px; font-size: 29px; line-height: 1.05; letter-spacing: -.052em; }
.exam-card h3 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.exam-audience { color: var(--catalog-violet); font-size: 10px; }
.exam-card > p:not(.section-kicker) { margin: 13px 0 0; color: var(--muted); font-size: 11px; line-height: 1.62; }
.exam-card .exam-metrics { margin-top: 25px; }
.result-shortcut { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 23px; align-items: center; margin-top: 90px; padding: 35px; border: 1px solid var(--ink); border-radius: 23px; background: var(--lime); box-shadow: 7px 7px 0 var(--ink); }
.result-shortcut-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: var(--ink); color: var(--lime); font-size: 23px; }
.result-shortcut h2 { margin: 6px 0 0; font-size: 31px; letter-spacing: -.045em; }
.result-shortcut p:not(.section-kicker) { max-width: 680px; margin: 8px 0 0; color: var(--ink-soft); font-size: 11px; line-height: 1.6; }

.catalog-anchor-nav { margin: 0 0 70px; }
.exam-area-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.exam-area-grid > article { min-height: 285px; padding: 23px; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--white); }
.exam-area-grid > article:nth-child(3n + 2) { background: rgba(199, 242, 231, .4); }
.exam-area-grid > article:nth-child(3n + 3) { background: rgba(255, 224, 211, .4); }
.exam-area-top > span { color: var(--orange); font: 750 9px var(--mono); }
.exam-area-top > small { color: var(--muted); font: 710 8px var(--mono); }
.exam-area-grid h3 { margin: 41px 0 9px; font-size: 24px; letter-spacing: -.04em; }
.exam-area-grid article > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.exam-area-grid dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 25px 0 0; border-top: 1px solid var(--line); }
.exam-area-grid dl div { padding-top: 14px; }
.exam-area-grid dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.exam-area-grid dd { margin: 5px 0 0; font: 750 12px var(--mono); }
.exam-resource-section { margin-top: 24px; }
.exam-lesson-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.exam-lesson-columns > section { overflow: hidden; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--white); }
.exam-lesson-columns header { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 13px; align-items: center; padding: 19px; background: var(--paper-deep); }
.exam-lesson-columns header > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--ink); border-radius: 50%; font: 750 9px var(--mono); }
.exam-lesson-columns h3 { margin: 0; font-size: 18px; letter-spacing: -.035em; }
.exam-lesson-columns ul { margin: 0; padding: 0; list-style: none; }
.exam-lesson-columns li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 15px; align-items: center; min-height: 64px; padding: 13px 19px; font-size: 12px; line-height: 1.45; }
.exam-lesson-columns li + li { border-top: 1px solid var(--line); }
.exam-lesson-columns li a { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; background: var(--ink); color: var(--white); }
.exam-lesson-columns li small { color: var(--muted); font-size: 8px; }
.exam-quiz-grid h3 { font-size: 21px; }
.official-result-banner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr); gap: 55px; align-items: center; margin-top: 92px; padding: 42px; border: 1px solid var(--ink); border-radius: 23px; background: var(--ink); color: var(--white); box-shadow: 8px 8px 0 var(--orange); }
.official-result-banner .section-kicker { color: var(--orange); }
.official-result-banner h2 { max-width: 700px; margin: 7px 0 0; font-size: clamp(32px, 4.4vw, 49px); line-height: 1.05; letter-spacing: -.055em; }
.official-result-banner > div > p:not(.section-kicker) { margin: 14px 0 0; color: rgba(255, 255, 255, .61); font-size: 12px; line-height: 1.6; }
.official-external-link { display: flex; justify-content: space-between; gap: 20px; align-items: center; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 15px; background: rgba(255, 255, 255, .07); }
.official-external-link:hover { border-color: var(--orange); }
.official-external-link strong,
.official-external-link small { display: block; }
.official-external-link strong { font-size: 12px; }
.official-external-link small { max-width: 230px; margin-top: 5px; overflow-wrap: anywhere; color: var(--orange); font: 700 9px var(--mono); }
.official-external-link b { color: var(--orange); font-size: 19px; }

.results-hero { grid-template-columns: minmax(0, 1.08fr) minmax(360px, .56fr); padding-bottom: 112px; }
.results-hero h1 { font-size: clamp(53px, 6.8vw, 90px); }
.privacy-shield { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 0 18px; padding: 27px; border: 1px solid var(--ink); border-radius: 23px; background: var(--catalog-mint); box-shadow: 7px 7px 0 var(--ink); }
.shield-mark { display: grid; grid-row: 1 / span 2; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--ink); color: var(--lime); font-size: 20px; font-weight: 800; }
.privacy-shield h2 { margin: 7px 0 0; font-size: 25px; line-height: 1.1; letter-spacing: -.045em; }
.privacy-shield ul { grid-column: 1 / -1; display: grid; gap: 9px; margin: 26px 0 0; padding: 18px 0; border-top: 1px solid rgba(20, 33, 30, .17); border-bottom: 1px solid rgba(20, 33, 30, .17); list-style: none; }
.privacy-shield li { position: relative; padding-left: 19px; font-size: 11px; font-weight: 650; }
.privacy-shield li::before { position: absolute; top: .35em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--success); content: ""; }
.privacy-shield > p { grid-column: 1 / -1; margin: 17px 0 0; color: var(--ink-soft); font-size: 10px; line-height: 1.6; }
.result-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.result-card { display: flex; flex-direction: column; min-width: 0; min-height: 430px; padding: 23px; border: 1px solid var(--line-strong); border-radius: 20px; background: var(--white); }
.result-card:nth-child(3n + 2) { background: rgba(226, 230, 255, .46); }
.result-card:nth-child(3n + 3) { background: rgba(199, 242, 231, .4); }
.result-card-top > span { display: grid; place-items: center; min-width: 55px; height: 42px; padding: 0 8px; border-radius: 12px; background: var(--ink); color: var(--lime); font: 750 10px var(--mono); }
.result-card-top > small { color: var(--muted); font: 700 8px var(--mono); text-align: right; text-transform: uppercase; }
.result-card h3 { margin: 32px 0 10px; font-size: 25px; line-height: 1.12; letter-spacing: -.045em; }
.result-card > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.62; }
.result-note { display: grid; grid-template-columns: 27px minmax(0, 1fr); gap: 10px; align-items: start; margin-top: 17px; padding: 11px; border-radius: 11px; background: rgba(255, 106, 61, .11); }
.result-note > span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--orange); font: 800 10px var(--mono); }
.result-note p { margin: 2px 0 0; color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
.result-domain { margin-top: auto; padding-top: 23px; }
.result-domain span,
.result-domain strong { display: block; }
.result-domain span { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.result-domain strong { margin-top: 5px; overflow-wrap: anywhere; font: 730 10px var(--mono); }
.result-card > a { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 13px; padding: 13px 14px; border: 1px solid var(--ink); border-radius: 12px; background: var(--ink); color: var(--white); }
.result-card > a:hover { background: var(--lime); color: var(--ink); }
.result-card > a span,
.result-card > a small { display: block; }
.result-card > a span { font-size: 11px; font-weight: 750; }
.result-card > a small { max-width: 210px; margin-top: 4px; overflow-wrap: anywhere; color: var(--lime); font: 700 8px var(--mono); }
.result-card > a:hover small { color: var(--ink); }
.result-card > a b { font-size: 17px; }
.verified-date { display: block; margin-top: 10px; color: var(--muted); font-size: 8px; }

.safe-result-guide { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 70px; padding: 95px 0 50px; }
.safe-guide-heading h2 { max-width: 480px; margin: 8px 0 0; font-size: clamp(39px, 5vw, 59px); line-height: 1; letter-spacing: -.062em; }
.safe-result-guide ol { margin: 0; padding: 0; border: 1px solid var(--ink); border-radius: 19px; background: var(--white); list-style: none; box-shadow: 6px 6px 0 var(--ink); }
.safe-result-guide li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 17px; align-items: start; min-height: 122px; padding: 22px; }
.safe-result-guide li + li { border-top: 1px solid var(--line); }
.safe-result-guide li > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--lime); font: 750 9px var(--mono); }
.safe-result-guide h3 { margin: 2px 0 7px; font-size: 17px; letter-spacing: -.03em; }
.safe-result-guide li p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.result-disclaimer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 17px; max-width: 900px; margin: 54px auto 0; padding: 22px; border: 1px solid #d89580; border-radius: 16px; background: #fff0eb; }
.result-disclaimer > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--orange); font-weight: 850; }
.result-disclaimer strong { font-size: 13px; }
.result-disclaimer p { margin: 7px 0 0; color: #70493e; font-size: 11px; line-height: 1.65; }
.results-next-step > div:last-child { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; }

@media (max-width: 1100px) {
    .grade-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .subject-card-grid,
    .exam-card-grid,
    .exam-area-grid,
    .catalog-quiz-grid,
    .result-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .learning-hero,
    .learning-detail-hero,
    .results-hero { gap: 48px; }
}

@media (max-width: 860px) {
    .learning-hero,
    .learning-detail-hero,
    .results-hero { grid-template-columns: 1fr; padding: 66px 0 78px; }
    .catalog-proof,
    .detail-scorecard,
    .privacy-shield { width: min(100%, 570px); }
    .catalog-section-heading,
    .route-choice,
    .safe-result-guide,
    .official-result-banner { grid-template-columns: 1fr; gap: 28px; }
    .catalog-section-heading > p { max-width: 590px; }
    .catalog-principle { padding: 39px; }
    .principle-steps { grid-template-columns: 1fr; }
    .principle-steps article { min-height: 145px; }
    .principle-steps h3 { margin-top: 28px; }
    .route-choice { padding-top: 74px; }
    .exam-lesson-columns { grid-template-columns: 1fr; }
    .result-shortcut { grid-template-columns: auto minmax(0, 1fr); }
    .result-shortcut > .button { grid-column: 2; width: fit-content; }
    .safe-result-guide { padding-top: 78px; }
    .official-result-banner { align-items: start; }
    .catalog-next-step { align-items: flex-start; }
}

@media (max-width: 620px) {
    .learning-main { width: min(100% - 30px, 1240px); padding-top: 26px; padding-bottom: 80px; }
    .learning-hero,
    .learning-detail-hero,
    .results-hero { padding: 52px 0 64px; }
    .learning-hero::before,
    .learning-detail-hero::before,
    .results-hero::before { display: none; }
    .learning-hero h1,
    .learning-detail-hero h1,
    .results-hero h1 { font-size: clamp(45px, 14.2vw, 64px); }
    .learning-hero h1 em,
    .learning-detail-hero h1 em,
    .results-hero h1 em { white-space: normal; }
    .learning-hero-copy > p:last-of-type,
    .learning-detail-hero > div > p:last-of-type,
    .results-hero-copy > p:last-child { font-size: 16px; }
    .catalog-proof { min-height: 350px; padding: 23px; transform: none; }
    .catalog-proof > * { transform: none; }
    .catalog-proof::after { right: 22px; }
    .catalog-directory,
    .detail-directory,
    .exam-resource-section,
    .result-directory { padding-top: 56px; }
    .catalog-section-heading { margin-bottom: 28px; }
    .catalog-section-heading h2 { font-size: clamp(35px, 11vw, 48px); }
    .education-level-stack { gap: 60px; }
    .education-level > header { grid-template-columns: 42px minmax(0, 1fr); }
    .education-level > header .education-level-visual { grid-column: 1 / -1; width: 100%; aspect-ratio: 16 / 8; margin-top: 4px; }
    .education-level > header .level-count { grid-column: 2; width: fit-content; }
    .grade-card-grid,
    .subject-card-grid,
    .exam-card-grid,
    .exam-area-grid,
    .catalog-quiz-grid,
    .result-card-grid { grid-template-columns: 1fr; }
    .grade-card { min-height: 320px; }
    .catalog-principle { margin-top: 70px; padding: 29px 23px; }
    .catalog-principle > div:first-child { display: block; }
    .catalog-principle h2 { font-size: 40px; }
    .catalog-tabs,
    .catalog-anchor-nav { width: calc(100vw - 15px); margin-right: -15px; padding-right: 15px; }
    .subject-card { min-height: 285px; }
    .route-choice { padding-top: 64px; }
    .route-choice h2 { font-size: 41px; }
    .lesson-catalog-group > header { grid-template-columns: 42px minmax(0, 1fr); }
    .lesson-catalog-group > header > small { grid-column: 2; }
    .content-link-list li { grid-template-columns: 30px minmax(0, 1fr) auto; padding-inline: 15px; }
    .catalog-next-step { flex-direction: column; margin-top: 70px; padding: 28px 23px; }
    .catalog-next-step h2 { font-size: 38px; }
    .exam-card { min-height: 400px; }
    .result-shortcut { grid-template-columns: 1fr; padding: 27px 22px; }
    .result-shortcut > .button { grid-column: auto; }
    .result-shortcut h2 { font-size: 27px; }
    .official-result-banner { margin-top: 70px; padding: 28px 22px; }
    .official-result-banner h2 { font-size: 35px; }
    .privacy-shield { grid-template-columns: 45px minmax(0, 1fr); padding: 22px; }
    .shield-mark { width: 43px; height: 43px; }
    .privacy-shield h2 { font-size: 21px; }
    .result-card { min-height: 410px; }
    .safe-result-guide { padding-top: 70px; }
    .safe-guide-heading h2 { font-size: 41px; }
    .safe-result-guide li { grid-template-columns: 42px minmax(0, 1fr); padding: 18px; }
    .result-disclaimer { grid-template-columns: 38px minmax(0, 1fr); padding: 18px; }
    .result-disclaimer > span { width: 36px; height: 36px; }
    .results-next-step > div:last-child { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    .grade-card,
    .route-choice-grid > a { transition: none; }
}

@media (forced-colors: active) {
    .catalog-status i,
    .detail-status i,
    .privacy-shield li::before { border: 1px solid currentColor; }
    .grade-card.is-planned,
    .exam-card.is-planned { border-style: dashed; }
}