.concept-page {
    --concept-ink: #123f39;
    --concept-muted: #67837f;
    --concept-green: #087d6d;
    --concept-green-dark: #0b5148;
    --concept-green-deep: #0a3c36;
    --concept-mint: #eaf7f4;
    --concept-line: #d4e6e2;
    --concept-purple: #7358ef;
    --concept-pink: #ff78a7;
    --concept-cyan: #45dac8;
    color: var(--concept-ink);
    margin: -12px -22px 0;
    padding-bottom: 3.5rem;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.concept-page *,
.concept-page *::before,
.concept-page *::after {
    box-sizing: border-box;
}

.concept-page__shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.concept-page__preview {
    margin-bottom: 1rem;
    padding: .7rem 1rem;
    border: 1px solid #efc86d;
    border-radius: 12px;
    background: #fff9e8;
    color: #755714;
    font-size: .88rem;
    font-weight: 800;
}

.concept-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
    gap: 2.4rem;
    min-height: 570px;
    padding: 3.8rem 3.8rem 5rem;
    overflow: hidden;
    border-radius: 32px;
    background:
        radial-gradient(circle at 92% 10%, rgba(106, 231, 205, .24), transparent 29%),
        linear-gradient(135deg, #0a6659 0%, #087d6d 52%, #0da586 100%);
    box-shadow: 0 28px 65px rgba(10, 81, 72, .16);
    color: #fff;
}

.concept-hero::after {
    position: absolute;
    top: -190px;
    right: -105px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    content: '';
}

.concept-hero__copy,
.concept-hero__visual {
    position: relative;
    z-index: 1;
}

.concept-hero__copy {
    align-self: center;
}

.concept-hero__meta {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.concept-eyebrow {
    display: inline-flex;
    padding: .55rem .85rem;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    background: rgba(255, 255, 255, .13);
    font-size: .82rem;
    font-weight: 800;
}

.concept-hero__progress {
    display: grid;
    flex: 0 1 220px;
    gap: .42rem;
    min-width: 180px;
    padding: .62rem .75rem;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 13px;
    background: rgba(5, 67, 59, .48);
}

.concept-hero__progress > div {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    font-size: .72rem;
    font-weight: 800;
}

.concept-hero__progress-track {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .2);
}

.concept-hero__progress-track > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #92eadb;
}

.concept-hero h1 {
    margin: 1.25rem 0 .9rem;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(3.4rem, 5.4vw, 5.4rem);
    line-height: .94;
    letter-spacing: -.045em;
}

.concept-hero__copy > p {
    max-width: 540px;
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 1.12rem;
    line-height: 1.58;
}

.concept-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.concept-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 52px;
    padding: .85rem 1.15rem;
    border: 1px solid transparent;
    border-radius: 13px;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.concept-button:hover {
    transform: translateY(-2px);
}

.concept-button--primary {
    background: #fff;
    color: #08695d;
    box-shadow: 0 12px 26px rgba(5, 49, 44, .13);
}

.concept-button--ghost {
    border-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.concept-hero__stats {
    display: flex;
    gap: 2rem;
    margin-top: 2.2rem;
}

.concept-hero__stats span {
    display: grid;
    gap: .2rem;
    color: rgba(255, 255, 255, .75);
    font-size: .78rem;
}

.concept-hero__stats strong {
    color: #fff;
    font-size: 1.1rem;
}

.concept-hero__visual {
    display: flex;
    align-items: center;
}

.concept-hero__media {
    width: 100%;
    max-height: 430px;
    object-fit: contain;
}

.concept-hero__placeholder {
    margin: auto;
    font-size: 9rem;
    opacity: .6;
}

.vector-lab {
    width: 100%;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 24px;
    background: rgba(255, 255, 255, .13);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
    backdrop-filter: blur(8px);
}

.vector-lab__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.vector-lab__title,
.vector-lab__header button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 36px;
    margin: 0;
    padding: .46rem .68rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 9px;
    background: rgba(7, 76, 67, .55);
    color: #fff;
    font: inherit;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.vector-lab__title span {
    font-size: .88em;
    transition: transform .18s ease;
}

.vector-lab__title:hover span {
    transform: translate(.08rem, -.08rem);
}

.vector-lab__header button {
    cursor: pointer;
}

.vector-lab__plot {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    align-items: center;
    gap: .8rem;
}

.vector-lab__stage {
    display: block;
    width: 100%;
    height: auto;
    margin: .35rem 0;
    user-select: none;
}

.vector-lab__grid path {
    fill: none;
    stroke: rgba(255, 255, 255, .075);
    stroke-width: 1;
}

.vector-lab__axes line {
    stroke: rgba(255, 255, 255, .55);
    stroke-width: 1.8;
}

.vector-lab__axis,
.vector-lab__main-label,
.vector-lab__x-label,
.vector-lab__y-label,
.vector-lab__theta {
    fill: #fff;
    font-size: 17px;
    font-weight: 800;
}

.vector-lab__main {
    stroke: var(--concept-purple);
    stroke-width: 7;
    stroke-linecap: round;
}

.vector-lab__component {
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 7 6;
}

.vector-lab__component--x { stroke: var(--concept-cyan); }
.vector-lab__component--y { stroke: var(--concept-pink); }
.vector-lab__x-label { fill: var(--concept-cyan); }
.vector-lab__y-label { fill: #ffb1cb; }
.vector-lab__main-label { fill: #dcd5ff; }

.vector-lab__angle {
    fill: none;
    stroke: #ffd873;
    stroke-width: 3;
}

.vector-lab__origin { fill: #fff; }

.vector-lab__handle-visual {
    fill: rgba(255, 255, 255, .35);
    stroke: rgba(115, 88, 239, .35);
    stroke-width: 5;
    pointer-events: none;
}

.vector-lab__handle-visual.is-selected {
    stroke: transparent;
    filter: none;
}

.vector-lab__handle-hit {
    fill: transparent;
    stroke: transparent;
    cursor: grab;
    pointer-events: all;
    touch-action: none;
}

.vector-lab__handle-hit:active { cursor: grabbing; }
.vector-lab__handle-hit:focus { outline: none; }

.vector-lab__readouts {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 14px;
    background: rgba(7, 76, 67, .25);
}

.vector-lab__readouts span {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .4rem;
    padding: .68rem .72rem;
}

.vector-lab__readouts span + span { border-top: 1px solid rgba(255, 255, 255, .14); }

.vector-lab__readouts small {
    color: rgba(255, 255, 255, .82);
    font-size: .73rem;
    font-weight: 700;
}

.vector-lab__readouts strong {
    color: #fff;
    font-size: .92rem;
}

.vector-lab__controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .85rem;
    margin-top: .9rem;
}

.vector-lab__controls label {
    display: grid;
    gap: .45rem;
}

.vector-lab__controls label > span {
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, .86);
    font-size: .72rem;
    font-weight: 750;
}

.vector-lab__controls output {
    color: #fff;
    font-weight: 900;
}

.vector-lab__controls input {
    height: 6px;
    border-radius: 999px;
    background: rgba(7, 62, 55, .7);
    appearance: none;
    width: 100%;
    cursor: pointer;
}

.vector-lab__controls input::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(4, 43, 38, .3);
    appearance: none;
}

.vector-lab__controls input::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(4, 43, 38, .3);
}

.vector-lab__observation {
    margin: .95rem 0 0;
    padding-top: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .78);
    font-size: .7rem;
    line-height: 1.45;
}

.concept-path {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: min(1010px, calc(100% - 28px));
    margin: -35px auto 1.8rem;
    overflow: hidden;
    border: 1px solid var(--concept-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 15px 34px rgba(18, 63, 57, .1);
}

.concept-path a {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1.05rem 1.25rem;
    color: var(--concept-ink);
    text-decoration: none;
}

.concept-path a > span,
.concept-readiness > div:first-child > span,
.concept-checkpoint > div > span,
.concept-doubt > div > span {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: var(--concept-mint);
    color: var(--concept-green);
    font-size: 1.15rem;
    font-weight: 900;
}

.concept-path a > span {
    border-radius: 50%;
}

.concept-path a > span svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.concept-readiness > div:first-child > span svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.concept-path__chevron {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-left: auto;
    fill: none;
    stroke: #58cdb9;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.concept-path strong,
.concept-readiness strong,
.concept-checkpoint strong,
.concept-doubt strong {
    display: grid;
    gap: .17rem;
    font-size: .95rem;
}

.concept-path small,
.concept-readiness small,
.concept-checkpoint small,
.concept-doubt small {
    color: var(--concept-muted);
    font-size: .76rem;
    font-weight: 500;
}

.concept-readiness {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: min(1010px, calc(100% - 28px));
    margin-right: auto;
    margin-left: auto;
    padding: .9rem 1.15rem;
    border: 1px solid var(--concept-line);
    border-radius: 16px;
    background: rgba(242, 250, 248, .8);
}

.concept-readiness > div:first-child,
.concept-checkpoint > div,
.concept-doubt > div {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.concept-readiness__topics {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
    min-width: 0;
}

.concept-readiness__topics > span {
    flex: 0 0 auto;
    padding: .42rem .78rem;
    border: 1px solid var(--concept-line);
    border-radius: 999px;
    background: #fff;
    color: #52746f;
    font-size: .73rem;
    font-weight: 750;
    white-space: nowrap;
}

.concept-hook {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    margin-top: 3.6rem;
    overflow: hidden;
    border: 1px solid var(--concept-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(24, 69, 63, .07);
}

.concept-hook__visual {
    display: grid;
    min-height: 230px;
    place-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #edf6ff, #f1edff);
}

.concept-hook__visual svg { width: 100%; }

.concept-hook__visual text {
    fill: #403867;
    font-size: 15px;
    font-weight: 800;
}

.concept-hook__copy {
    align-self: center;
    padding: 2.2rem 2.5rem;
}

.concept-hook__copy > span,
.concept-section__head span,
.concept-learning__card > div:first-child > span,
.concept-topic > span,
.concept-ncert > div:first-child > span,
.concept-worked > span,
.concept-formulas article > span,
.concept-videos > a > div:last-child > span,
.concept-next > div > span {
    color: var(--concept-green);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.concept-hook h2 {
    margin: .45rem 0 .2rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2rem;
    letter-spacing: -.025em;
}

.concept-hook__copy > p {
    margin: 0;
    color: var(--concept-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.45rem;
}

.concept-hook button {
    margin-top: 1rem;
    padding: .65rem .85rem;
    border: 0;
    border-radius: 10px;
    background: var(--concept-mint);
    color: var(--concept-green);
    cursor: pointer;
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
}

.concept-hook__answer {
    margin-top: .8rem;
    padding: .8rem 1rem;
    border-left: 3px solid var(--concept-green);
    background: #f2faf8;
    color: #486b66;
    font-size: .9rem;
    line-height: 1.55;
}

.concept-section,
.concept-revision {
    padding-top: 5rem;
    scroll-margin-top: 150px;
}

.concept-section__head {
    display: grid;
    grid-template-columns: 1fr minmax(260px, 410px);
    align-items: end;
    gap: 2rem;
    margin-bottom: 1.55rem;
}

.concept-section__head h2 {
    margin: .36rem 0 0;
    color: var(--concept-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.3vw, 3rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.concept-section__head > p {
    margin: 0 0 .2rem;
    color: var(--concept-muted);
    font-size: .98rem;
    line-height: 1.55;
}

.concept-learning {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.concept-learning__card {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    min-height: 280px;
    overflow: hidden;
    border: 1px solid var(--concept-line);
    border-radius: 22px;
    background: #fff;
}

.concept-learning__card > div:first-child {
    align-self: center;
    padding: 2rem;
}

.concept-learning__card h3,
.concept-topic h3,
.concept-ncert h3,
.concept-worked h3,
.concept-master h3,
.concept-videos h3 {
    margin: .55rem 0 .5rem;
    color: var(--concept-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.42rem;
}

.concept-learning__card p,
.concept-topic p,
.concept-worked p,
.concept-master p,
.concept-videos p {
    margin: 0;
    color: var(--concept-muted);
    font-size: .9rem;
    line-height: 1.6;
}

.concept-learning__visual {
    display: grid;
    place-items: center;
    min-height: 100%;
    padding: 1.25rem;
}

.concept-learning__card--blue .concept-learning__visual { background: #eaf5ff; }
.concept-learning__card--lilac .concept-learning__visual { background: #f0edff; }

.scalar-vector {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 1rem .7rem;
    text-align: center;
}

.scalar-vector__dot {
    width: 15px;
    height: 15px;
    margin: auto;
    border-radius: 50%;
    background: #5134b8;
}

.scalar-vector__arrow {
    position: relative;
    width: 82px;
    height: 5px;
    border-radius: 5px;
    background: var(--concept-purple);
    transform: rotate(-38deg);
}

.scalar-vector__arrow::after {
    position: absolute;
    top: 50%;
    right: -1px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid var(--concept-purple);
    content: '';
    transform: translateY(-50%);
}

.scalar-vector small { color: #5e5a76; font-weight: 750; }

.concept-learning__vector,
.concept-learning__mark {
    color: var(--concept-purple);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 4.5rem;
    font-weight: 800;
}

.concept-topic {
    min-height: 150px;
    padding: 1.6rem;
    border: 1px solid var(--concept-line);
    border-radius: 18px;
    background: #fff;
}

.concept-checkpoint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    border: 1px solid var(--concept-line);
    border-radius: 16px;
    background: #f5fbfa;
}

.concept-checkpoint > b {
    color: var(--concept-green);
    font-size: .8rem;
}

.concept-apply {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 1rem;
}

.concept-ncert,
.concept-worked {
    min-height: 320px;
    border-radius: 23px;
}

.concept-ncert {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    padding: 2.2rem;
    background:
        radial-gradient(circle at 100% 0, rgba(66, 211, 184, .18), transparent 35%),
        #0b403a;
    color: #fff;
}

.concept-ncert h3 { color: #fff; font-size: 1.8rem; }
.concept-ncert p { max-width: 430px; color: rgba(255, 255, 255, .72); line-height: 1.55; }
.concept-ncert > div:first-child > span { color: #89ebd7; }
.concept-ncert > .concept-button { justify-self: start; }

.concept-ncert__count {
    display: grid;
    width: 112px;
    height: 112px;
    place-content: center;
    border: 8px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    text-align: center;
}

.concept-ncert__count strong { font-size: 2rem; }
.concept-ncert__count small { color: rgba(255, 255, 255, .65); }

.concept-worked {
    padding: 1.8rem;
    border: 1px solid var(--concept-line);
    background: #fff;
}

.concept-worked svg {
    display: block;
    width: 100%;
    max-height: 190px;
    margin: .2rem auto;
}

.concept-worked svg text { fill: #635582; font-size: 14px; font-weight: 800; }

.concept-question-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
    margin-top: 1rem;
}

.concept-question-row a {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid var(--concept-line);
    border-radius: 13px;
    background: #fff;
    color: var(--concept-ink);
    text-decoration: none;
}

.concept-question-row span,
.concept-question-row small { color: var(--concept-muted); font-size: .7rem; }

.concept-master {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8rem;
}

.concept-master article {
    min-height: 225px;
    padding: 1.6rem;
    border-radius: 18px;
    background: linear-gradient(145deg, #3d2d93, #5440cc 62%, #6653e1);
    box-shadow: 0 16px 35px rgba(65, 45, 151, .16);
    color: #fff;
}

.concept-master article > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    font-size: 1.2rem;
}

.concept-master h3 { color: #fff; }
.concept-master p { min-height: 60px; color: rgba(255, 255, 255, .76); }
.concept-master article > strong { display: block; margin-top: 1rem; font-size: .78rem; }

.concept-master__status {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .8rem;
    padding: .9rem 1rem;
    border: 1px solid #d9d2fb;
    border-radius: 13px;
    background: #f6f4ff;
    color: #665d82;
    font-size: .78rem;
}

.concept-master__status a { color: #533fc1; font-weight: 800; text-decoration: none; }

.concept-formulas {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .75rem;
}

.concept-formulas article {
    min-height: 150px;
    padding: 1.2rem;
    border: 1px solid var(--concept-line);
    border-radius: 15px;
    background: #fff;
}

.concept-formulas article > strong {
    display: block;
    margin-top: 1rem;
    overflow-wrap: anywhere;
    color: #274f49;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.2rem;
}

.concept-formulas p { color: var(--concept-muted); font-size: .75rem; line-height: 1.5; }

.concept-empty {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px dashed #b9d5cf;
    border-radius: 16px;
    background: #f4fbf9;
}

.concept-empty > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 13px;
    background: #dff3ee;
    color: var(--concept-green);
    font-size: 1.25rem;
}

.concept-empty strong { display: grid; gap: .2rem; }
.concept-empty small { color: var(--concept-muted); font-weight: 500; }
.concept-empty--video { border-color: #d9d2fb; background: #f7f5ff; }
.concept-empty--video > span { background: #e9e3ff; color: var(--concept-purple); }

.concept-videos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem;
}

.concept-videos > a {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1.1rem;
    padding: .8rem;
    border: 1px solid var(--concept-line);
    border-radius: 17px;
    background: #fff;
    color: var(--concept-ink);
    text-decoration: none;
}

.concept-video__thumb {
    position: relative;
    display: grid;
    min-height: 112px;
    overflow: hidden;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #efe9ff, #ffdfe9);
}

.concept-video__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.concept-video__thumb > span { position: relative; z-index: 1; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: #fff; color: var(--concept-green); }
.concept-video__thumb > small { position: absolute; right: .4rem; bottom: .4rem; z-index: 1; padding: .18rem .35rem; border-radius: 5px; background: rgba(8, 48, 43, .8); color: #fff; font-size: .65rem; }
.concept-videos > a > div:last-child { align-self: center; }
.concept-videos h3 { margin-top: .35rem; font-size: 1.1rem; }
.concept-videos p { font-size: .76rem; }

.concept-revision__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8rem;
}

.concept-revision__grid a {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-height: 100px;
    padding: 1rem;
    border: 1px solid var(--concept-line);
    border-radius: 16px;
    background: #f4fbf9;
    color: var(--concept-ink);
    text-decoration: none;
}

.concept-revision__grid a > span {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    background: #dff3ee;
    color: var(--concept-green);
    font-weight: 900;
}

.concept-revision__grid strong { display: grid; gap: .25rem; }
.concept-revision__grid small { color: var(--concept-muted); font-size: .72rem; font-weight: 500; }
.concept-revision__grid .concept-revision__video { border-color: transparent; background: linear-gradient(135deg, #5140b9, #7558ed); color: #fff; }
.concept-revision__grid .concept-revision__video > span { background: rgba(255, 255, 255, .15); color: #fff; }
.concept-revision__grid .concept-revision__video small { color: rgba(255, 255, 255, .72); }

.concept-doubt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid var(--concept-line);
    border-radius: 14px;
    background: #f3faf8;
}

.concept-doubt a {
    padding: .65rem .8rem;
    border-radius: 9px;
    background: var(--concept-green);
    color: #fff;
    font-size: .75rem;
    font-weight: 850;
    text-decoration: none;
}

.concept-next {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 2.5rem;
    padding: 1.8rem 2rem;
    border-radius: 20px;
    background: var(--concept-green-deep);
    color: #fff;
}

.concept-next > div > span { color: #8cebd8; }
.concept-next h2 { margin: .4rem 0 0; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: 1.7rem; }
.concept-next > a { color: #fff; font-weight: 850; text-decoration: none; }

.concept-progress-note {
    display: flex;
    justify-content: center;
    gap: .8rem;
    margin-top: 1rem;
    color: var(--concept-muted);
    font-size: .72rem;
}

.concept-progress-note a,
.concept-progress-note strong { color: var(--concept-green); font-weight: 850; }

/* Vectors foundation learning path */
.concept-section--vector-foundation {
    position: relative;
    isolation: isolate;
    margin-top: 4.35rem;
    padding: 3.25rem 2rem 2rem;
    border: 1px solid #c8e5dd;
    border-radius: 28px;
    background: linear-gradient(145deg, #dff3ed 0%, #edf9f6 74%);
    box-shadow: 0 16px 38px rgba(14, 104, 88, .07);
}

.concept-section--vector-foundation::before,
.concept-section--vector-foundation::after {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.concept-section--vector-foundation::before {
    top: 1.15rem;
    right: -4.5rem;
    width: 285px;
    height: 285px;
    background: #dff5ef;
}

.concept-section--vector-foundation::after {
    top: 8.1rem;
    right: -5.6rem;
    width: 155px;
    height: 155px;
    background: #eee9ff;
}

.concept-section__head--vector-foundation,
.concept-section--vector-foundation > .vector-foundation {
    position: relative;
    z-index: 1;
}

.concept-section__head--vector-foundation {
    grid-template-columns: minmax(0, 1fr) 220px;
    align-items: start;
    margin-bottom: 2rem;
}

.concept-section__head--vector-foundation h2 { margin-top: .28rem; }

.vector-foundation__intro {
    margin: .55rem 0 0;
    color: var(--concept-muted);
    font-size: .92rem;
    line-height: 1.5;
}

.vector-foundation__overall-progress {
    width: 220px;
    margin-top: .25rem;
    padding: .82rem 1rem;
    border: 1px solid rgba(212, 230, 226, .78);
    border-radius: 18px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 12px 30px rgba(23, 75, 66, .08);
    backdrop-filter: blur(6px);
}

.vector-foundation__overall-progress > span {
    display: block;
    margin-bottom: .58rem;
    color: #6c8580;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vector-foundation__overall-progress > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.vector-foundation__overall-progress i {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #d8ebe6;
}

.vector-foundation__overall-progress i b {
    display: block;
    min-width: 10px;
    height: 100%;
    border-radius: inherit;
    background: #13a287;
}

.vector-foundation__overall-progress.is-unavailable i b { min-width: 0; }

.vector-foundation__overall-progress strong {
    color: var(--concept-green);
    font-size: .72rem;
    font-weight: 900;
}

.vector-foundation {
    --vf-theme: #087d6d;
    --vf-theme-dark: #0b5f53;
    --vf-soft: #dff5ef;
    display: grid;
    gap: 1.15rem;
}

.vector-foundation .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.vector-foundation__masterclass {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
    min-height: 166px;
    padding: 1.65rem 2rem;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% -45%, rgba(130, 243, 216, .27), transparent 43%),
        linear-gradient(135deg, #087765, #0b8e77 62%, #16aa8d);
    box-shadow: 0 18px 38px rgba(10, 91, 76, .14);
    color: #fff;
}

.vector-foundation__play {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    border: 15px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: #fff;
    color: #0a806d;
    font-size: 1.15rem;
    line-height: 1;
    text-indent: 3px;
}

.vector-foundation__mastercopy > span,
.vector-foundation__module-copy > span {
    display: block;
    color: #c9f7ec;
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.vector-foundation__mastercopy h3 {
    margin: .35rem 0 .28rem;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.55rem, 2.7vw, 2rem);
    letter-spacing: -.025em;
}

.vector-foundation__mastercopy p {
    max-width: 690px;
    margin: 0;
    color: #d9faf2;
    font-size: .88rem;
    line-height: 1.5;
}

.vector-foundation__mastertags {
    display: flex;
    gap: .55rem;
    margin-top: .72rem;
}

.vector-foundation__mastertags small {
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.vector-foundation__video-action,
.vector-foundation__module-video {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    text-decoration: none;
    white-space: nowrap;
}

.vector-foundation__video-action {
    min-width: 190px;
    min-height: 52px;
    padding: .85rem 1.1rem;
    background: #fff;
    color: #087362;
    font-size: .82rem;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(5, 74, 63, .12);
}

.vector-foundation__video-action:hover { transform: translateY(-1px); }
.vector-foundation__video-action.is-disabled { opacity: .74; cursor: default; }

.vector-foundation__modules {
    display: grid;
    gap: .9rem;
}

.vector-foundation__module {
    --vf-theme: #087d6d;
    --vf-theme-dark: #0b5f53;
    --vf-soft: #dff5ef;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(26, 79, 69, .08);
}

.vector-foundation__module--purple { --vf-theme: #6c51e5; --vf-theme-dark: #4e3ab1; --vf-soft: #eeeaff; }
.vector-foundation__module--orange { --vf-theme: #df791f; --vf-theme-dark: #a85015; --vf-soft: #fff0df; }
.vector-foundation__module--pink { --vf-theme: #d94d7c; --vf-theme-dark: #a63159; --vf-soft: #ffe9f1; }

.vector-foundation__module-head {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 130px 192px 36px;
    align-items: center;
    gap: 1rem;
    min-height: 106px;
    padding: 1rem 1.3rem;
    background: var(--vf-soft);
}

.vector-foundation__module-number {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border-radius: 50%;
    background: var(--vf-theme);
    color: #fff;
    font-size: .8rem;
    font-weight: 900;
}

.vector-foundation__module-copy > span { color: var(--vf-theme); }

.vector-foundation__module-copy > div {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin-top: .25rem;
}

.vector-foundation__module-copy h3 {
    flex: none;
    margin: 0;
    color: var(--vf-theme-dark);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
    letter-spacing: -.02em;
}

.vector-foundation__module-copy p {
    margin: 0;
    color: color-mix(in srgb, var(--vf-theme-dark) 58%, #6b817c);
    font-size: .78rem;
    line-height: 1.4;
}

.vector-foundation__module-progress {
    display: grid;
    gap: .48rem;
}

.vector-foundation__module-progress strong {
    display: inline-flex;
    justify-content: center;
    padding: .42rem .6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--vf-theme-dark);
    font-size: .65rem;
    font-weight: 900;
    text-transform: uppercase;
}

.vector-foundation__module-progress > span {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--vf-theme) 19%, transparent);
}

.vector-foundation__module-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--vf-theme);
}

.vector-foundation__module-video {
    min-height: 46px;
    padding: .6rem .8rem;
    background: rgba(255, 255, 255, .82);
    color: var(--vf-theme-dark);
    font-size: .72rem;
    font-weight: 900;
}

.vector-foundation__module-video i {
    display: grid;
    width: 28px;
    height: 28px;
    margin-right: .55rem;
    place-items: center;
    border-radius: 50%;
    background: var(--vf-soft);
    color: var(--vf-theme);
    font-style: normal;
    font-size: .62rem;
}

.vector-foundation__module-video.is-disabled { opacity: .7; cursor: default; }

.vector-foundation__toggle {
    display: grid;
    width: 36px;
    height: 36px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--vf-theme-dark);
    cursor: pointer;
}

.vector-foundation__toggle:hover,
.vector-foundation__toggle:focus-visible { background: rgba(255, 255, 255, .75); outline: none; }

.vector-foundation__toggle i {
    font-style: normal;
    font-size: 1.35rem;
    line-height: 1;
    transition: transform .2s ease;
}

.vector-foundation__module.is-open .vector-foundation__toggle i { transform: rotate(180deg); }
.vector-foundation__module-body[hidden] { display: none; }

.vector-foundation__module-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
    padding: 1rem;
}

.vector-foundation__lesson {
    --vf-lesson: #087d6d;
    --vf-lesson-soft: #eaf9f5;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 120px 14px;
    align-items: center;
    gap: 1rem;
    min-height: 108px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--vf-lesson) 18%, #dbe9e6);
    border-radius: 18px;
    background: #fcfefd;
}

.vector-foundation__lesson--anatomy,
.vector-foundation__lesson--axes,
.vector-foundation__lesson--addition-graphical,
.vector-foundation__lesson--cross { --vf-lesson: #7057e8; --vf-lesson-soft: #f0edff; }
.vector-foundation__lesson--position,
.vector-foundation__lesson--direction,
.vector-foundation__lesson--scalar,
.vector-foundation__lesson--dot { --vf-lesson: #df791f; --vf-lesson-soft: #fff4e7; }
.vector-foundation__lesson--types,
.vector-foundation__lesson--unit,
.vector-foundation__lesson--subtraction,
.vector-foundation__lesson--triple { --vf-lesson: #da4e7d; --vf-lesson-soft: #fff0f5; }
.vector-foundation__lesson--magnitude,
.vector-foundation__lesson--addition-analytical { --vf-lesson: #367dbd; --vf-lesson-soft: #eaf5ff; }

.vector-foundation__lesson-number {
    display: grid;
    width: 44px;
    height: 44px;
    margin-left: .15rem;
    place-items: center;
    border-radius: 50%;
    background: var(--vf-lesson-soft);
    color: var(--vf-lesson);
    font-size: .72rem;
    font-weight: 900;
}

.vector-foundation__lesson-copy h4 {
    margin: 0 0 .25rem;
    color: var(--concept-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.14rem;
    letter-spacing: -.015em;
}

.vector-foundation__lesson-copy p {
    margin: 0;
    color: var(--concept-muted);
    font-size: .77rem;
    line-height: 1.4;
}

.vector-foundation__levels {
    display: flex;
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-end;
    gap: .38rem;
}

.vector-foundation__level {
    padding: .34rem .58rem;
    border-radius: 999px;
    background: #e7f7f3;
    color: #286a5f;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vector-foundation__level--neet { background: #fff0d9; color: #91651d; }
.vector-foundation__level--jee-main { background: #ece8ff; color: #5a47ad; }
.vector-foundation__level--jee-advanced { background: #ffe7ee; color: #b23e66; }

.vector-foundation__diagram {
    align-self: stretch;
    display: grid;
    grid-column: 3;
    grid-row: 1 / 3;
    min-height: 106px;
    place-items: center;
    background: var(--vf-lesson-soft);
    color: var(--vf-lesson);
}

.vector-foundation__diagram svg { width: 100%; height: 86px; }
.vector-foundation__diagram path,
.vector-foundation__diagram circle.ring { fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.vector-foundation__diagram circle { fill: currentColor; }
.vector-foundation__diagram .fill { fill: currentColor; stroke: none; }
.vector-foundation__diagram .accent { stroke: #ee6b96; stroke-width: 2.5; }
.vector-foundation__diagram .accent-fill { fill: #ee5b78; }
.vector-foundation__diagram .dashed { stroke-dasharray: 7 6; }
.vector-foundation__diagram .arc { stroke: #f0b82f; stroke-width: 3; }
.vector-foundation__diagram text {
    fill: currentColor;
    font-family: Inter, system-ui, sans-serif;
    font-size: 13px;
    font-weight: 800;
}
.vector-foundation__diagram text.formula { font-family: Georgia, 'Times New Roman', serif; font-size: 17px; }
.vector-foundation__lesson-arrow { grid-column: 4; grid-row: 1 / 3; color: var(--concept-green); font-size: 1.45rem; font-weight: 800; }
.vector-foundation__lesson[data-foundation-destination] { cursor: pointer; }
.vector-foundation__lesson[data-foundation-destination]:focus-visible { outline: 3px solid rgba(112, 87, 232, .32); outline-offset: 3px; }
.vector-foundation__lesson.is-coming-soon { background: #f8fbfa; }
.vector-foundation__lesson-status {
    display: inline-flex;
    margin-bottom: .3rem;
    padding: .36rem .5rem;
    border-radius: 999px;
    background: #edf3f1;
    color: #68807b;
    font-size: .58rem;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.vector-foundation__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: .25rem;
}

.vector-foundation__footer p {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0;
    color: var(--concept-muted);
    font-size: .78rem;
}

.vector-foundation__footer p span {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #dff5ef;
    color: var(--concept-green);
    font-weight: 900;
}

.vector-foundation__footer button {
    min-width: 205px;
    min-height: 48px;
    padding: .75rem 1rem;
    border: 0;
    border-radius: 15px;
    background: var(--concept-green);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    font-weight: 900;
}

@media (max-width: 980px) {
    .vector-foundation__module-head { grid-template-columns: 58px minmax(0, 1fr) 118px 36px; }
    .vector-foundation__module-video { grid-column: 2 / 4; justify-self: start; min-height: 40px; margin-top: -.2rem; }
    .vector-foundation__toggle { grid-column: 4; grid-row: 1 / 3; }
    .vector-foundation__module-body { grid-template-columns: 1fr; }
    .vector-foundation__lesson { grid-template-columns: 48px minmax(0, 1fr) auto 180px 16px; }
    .vector-foundation__levels { grid-column: auto; grid-row: auto; }
    .vector-foundation__diagram { grid-column: auto; grid-row: auto; min-height: 88px; }
    .vector-foundation__lesson-arrow { grid-column: auto; grid-row: auto; }
}

@media (max-width: 720px) {
    .vector-foundation__masterclass { grid-template-columns: 64px minmax(0, 1fr); padding: 1.35rem; }
    .vector-foundation__play { width: 58px; height: 58px; border-width: 11px; }
    .vector-foundation__video-action { grid-column: 1 / -1; width: 100%; min-height: 48px; }
    .vector-foundation__module-head { grid-template-columns: 50px minmax(0, 1fr) 34px; gap: .75rem; padding: 1rem; }
    .vector-foundation__module-number { width: 48px; height: 48px; }
    .vector-foundation__module-copy > div { display: block; }
    .vector-foundation__module-copy h3 { font-size: 1.3rem; }
    .vector-foundation__module-copy p { margin-top: .2rem; }
    .vector-foundation__module-progress { grid-column: 2; max-width: 130px; }
    .vector-foundation__module-video { grid-column: 2; justify-self: stretch; }
    .vector-foundation__toggle { grid-column: 3; grid-row: 1 / 4; }
    .vector-foundation__lesson { grid-template-columns: 42px minmax(0, 1fr) 120px 14px; gap: .65rem; min-height: 108px; }
    .vector-foundation__lesson-number { width: 38px; height: 38px; }
    .vector-foundation__levels { grid-column: 2; grid-row: 2; justify-content: flex-start; }
    .vector-foundation__diagram { grid-column: 3; grid-row: 1 / 3; min-height: 106px; }
    .vector-foundation__lesson-arrow { grid-column: 4; grid-row: 1 / 3; }
    .vector-foundation__footer { align-items: stretch; flex-direction: column; }
    .vector-foundation__footer button { width: 100%; }
}

@media (max-width: 480px) {
    .vector-foundation__masterclass { border-radius: 22px; }
    .vector-foundation__mastercopy h3 { font-size: 1.45rem; }
    .vector-foundation__mastercopy p { font-size: .8rem; }
    .vector-foundation__module-copy > span { font-size: .58rem; }
    .vector-foundation__module-copy p { font-size: .72rem; }
    .vector-foundation__module-body { padding: .7rem; }
    .vector-foundation__lesson { grid-template-columns: 38px minmax(0, 1fr) 92px 10px; padding-left: .25rem; }
    .vector-foundation__lesson-copy h4 { font-size: 1rem; }
    .vector-foundation__lesson-copy p { font-size: .7rem; }
    .vector-foundation__diagram svg { height: 78px; }
    .vector-foundation__diagram text { font-size: 11px; }
    .vector-foundation__diagram text.formula { font-size: 13px; }
    .vector-foundation__level { padding: .28rem .42rem; font-size: .49rem; }
}

@media (max-width: 1050px) {
    .concept-hero { grid-template-columns: 1fr; padding-bottom: 5.5rem; }
    .concept-hero__copy > p { max-width: 720px; }
    .concept-hero__visual { max-width: 720px; width: 100%; margin: 0 auto; }
    .concept-learning__card { grid-template-columns: 1fr; }
    .concept-learning__visual { min-height: 180px; }
    .concept-videos > a { grid-template-columns: 140px 1fr; }
}

@media (max-width: 800px) {
    .concept-page { margin-top: -12px; padding-bottom: 2rem; }
    .concept-hero { min-height: auto; padding: 2rem 1.35rem 5.2rem; border-radius: 22px; }
    .concept-hero h1 { font-size: clamp(3rem, 15vw, 4.2rem); }
    .concept-hero__stats { gap: 1.25rem; }
    .vector-lab { padding: .9rem; border-radius: 18px; }
    .concept-path { grid-template-columns: 1fr; width: calc(100% - 1.5rem); margin-top: -38px; }
    .concept-readiness { align-items: flex-start; flex-direction: column; }
    .concept-readiness__topics { width: 100%; justify-content: flex-start; }
    .concept-hook { grid-template-columns: 1fr; }
    .concept-hook__visual { min-height: 180px; }
    .concept-hook__copy { padding: 1.5rem; }
    .concept-section, .concept-revision { padding-top: 3.8rem; }
    .concept-section__head { grid-template-columns: 1fr; gap: .7rem; }
    .concept-section--vector-foundation { padding-top: 3.25rem; }
    .concept-section--vector-foundation::before { top: .55rem; right: -5.5rem; width: 230px; height: 230px; }
    .concept-section--vector-foundation::after { top: 7.2rem; right: -4rem; width: 118px; height: 118px; }
    .concept-section__head--vector-foundation { gap: 1rem; margin-bottom: 1.65rem; }
    .concept-section--vector-foundation .vector-foundation__overall-progress { width: min(220px, 100%); }
    .concept-learning, .concept-apply, .concept-master, .concept-videos, .concept-revision__grid { grid-template-columns: 1fr; }
    .concept-learning__card { min-height: 0; }
    .concept-apply > * { min-height: 0; }
    .concept-ncert { grid-template-columns: 1fr auto; }
    .concept-question-row { grid-template-columns: repeat(2, 1fr); }
    .concept-doubt, .concept-next { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
    .concept-hero__meta { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
    .concept-eyebrow { justify-content: center; padding: .48rem .42rem; font-size: .62rem; white-space: nowrap; }
    .concept-hero__progress { min-width: 0; padding: .48rem .55rem; }
    .concept-hero__progress > div { gap: .3rem; font-size: .61rem; }
    .concept-hero__actions { display: grid; }
    .concept-button { width: 100%; }
    .concept-hero__stats { justify-content: space-between; gap: .5rem; }
    .concept-hero__stats span { font-size: .67rem; }
    .vector-lab__title,
    .vector-lab__header button { min-height: 34px; padding: .43rem .58rem; font-size: .7rem; }
    .vector-lab__plot { grid-template-columns: 1fr; gap: .35rem; }
    .vector-lab__readouts { grid-template-columns: repeat(2, 1fr); }
    .vector-lab__readouts span { padding: .55rem .65rem; }
    .vector-lab__readouts span + span { border-top: 0; }
    .vector-lab__readouts span:nth-child(even) { border-left: 1px solid rgba(255, 255, 255, .14); }
    .vector-lab__readouts span:nth-child(n + 3) { border-top: 1px solid rgba(255, 255, 255, .14); }
    .vector-lab__controls { grid-template-columns: 1fr; }
    .concept-hook__copy > p { font-size: 1.2rem; }
    .concept-section--vector-foundation::before { right: -6.4rem; width: 205px; height: 205px; }
    .concept-section--vector-foundation::after { top: 8rem; right: -3.4rem; width: 102px; height: 102px; }
    .concept-section__head--vector-foundation h2 { font-size: 2.25rem; }
    .vector-foundation__intro { max-width: 330px; font-size: .82rem; }
    .concept-learning__card > div:first-child { padding: 1.4rem; }
    .concept-ncert { grid-template-columns: 1fr; padding: 1.5rem; }
    .concept-ncert__count { width: 90px; height: 90px; }
    .concept-question-row { grid-template-columns: 1fr; }
    .concept-videos > a { grid-template-columns: 1fr; }
    .concept-video__thumb { min-height: 170px; }
    .concept-master__status { flex-direction: column; }
    .concept-doubt > a { width: 100%; text-align: center; }
    .concept-next { padding: 1.4rem; }
}

/* Vectors: Apply, Master and Revise journey */
.vector-journey {
    padding-top: .25rem;
}

.vector-apply,
.vector-master,
.vector-revise {
    scroll-margin-top: 150px;
}

.vector-apply,
.vector-revise {
    margin-top: 5rem;
    padding: 2rem;
    border-radius: 28px;
}

.vector-apply {
    border: 1px solid #c5e3db;
    background: linear-gradient(145deg, #dcefe9 0%, #edf8f5 76%);
    box-shadow: 0 16px 38px rgba(14, 104, 88, .07);
}
.vector-revise { background: #fff6eb; }

.vector-journey__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
    align-items: end;
    gap: 2rem;
    margin-bottom: 1.55rem;
}

.vector-journey__head > div > span,
.vector-card-label {
    color: var(--concept-green);
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.vector-journey__head h2 {
    margin: .4rem 0 0;
    color: var(--concept-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.3vw, 3rem);
    line-height: 1.02;
    letter-spacing: -.035em;
}

.vector-journey__head > p {
    margin: 0 0 .2rem;
    color: var(--concept-muted);
    font-size: .94rem;
    line-height: 1.55;
}

.vector-roadmap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--concept-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(26, 93, 83, .05);
}

.vector-roadmap__step {
    position: relative;
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    padding: .25rem .75rem;
}

.vector-roadmap__step:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -.2rem;
    color: #76b9ae;
    content: '›';
    font-size: 1.45rem;
    transform: translateY(-50%);
}

.vector-roadmap__step i {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    background: #e6f7f3;
    color: var(--concept-green);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

.vector-roadmap__step span,
.vector-roadmap__step strong,
.vector-roadmap__step small {
    display: block;
    min-width: 0;
}

.vector-roadmap__step strong {
    color: var(--concept-ink);
    font-size: .75rem;
}

.vector-roadmap__step small {
    margin-top: .12rem;
    overflow: hidden;
    color: var(--concept-muted);
    font-size: .62rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vector-apply__grid {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 1rem;
}

.vector-ncert-card,
.vector-challenge-card {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    border-radius: 24px;
}

.vector-ncert-card {
    padding: 2rem;
    background: linear-gradient(135deg, #0a443d, #087565);
    box-shadow: 0 18px 38px rgba(7, 75, 65, .14);
    color: #fff;
}

.vector-ncert-card::after {
    position: absolute;
    right: -55px;
    bottom: -110px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    content: '';
}

.vector-ncert-card .vector-card-label { color: #82ead5; }

.vector-ncert-card h3,
.vector-challenge-card h3,
.vector-formula-map h3,
.vector-exam-card h3 {
    margin: .65rem 0 .45rem;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.08;
    letter-spacing: -.02em;
}

.vector-ncert-card h3 {
    max-width: 72%;
    color: #fff;
    font-size: 1.75rem;
}

.vector-ncert-card > p {
    max-width: 65%;
    margin: 0;
    color: rgba(255, 255, 255, .73);
    font-size: .82rem;
    line-height: 1.5;
}

.vector-ncert-card__count {
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: grid;
    width: 84px;
    height: 84px;
    place-content: center;
    border: 7px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    text-align: center;
}

.vector-ncert-card__count strong { font-size: 1.55rem; line-height: 1; }
.vector-ncert-card__count small { margin-top: .25rem; color: rgba(255, 255, 255, .68); font-size: .58rem; }

.vector-ncert-card > a,
.vector-card-action,
.vector-challenge-card a,
.vector-formula-map > button,
.vector-exam-card > a,
.vector-exam-card__disabled {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 11px;
    font: inherit;
    font-size: .72rem;
    font-weight: 900;
    text-decoration: none;
}

.vector-ncert-card > a,
.vector-card-action {
    position: relative;
    z-index: 1;
    margin-top: 2.2rem;
    padding: .65rem 1rem;
    background: #fff;
    color: #087366;
}

.vector-card-action.is-disabled { opacity: .78; }

.vector-ncert-card__links {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 2.2rem;
}

.vector-ncert-card__links a {
    display: grid;
    min-width: 48px;
    min-height: 42px;
    padding: .55rem .75rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 11px;
    background: #fff;
    color: #087366;
    font-size: .76rem;
    font-weight: 900;
    text-decoration: none;
}

.vector-ncert-card__links a:hover,
.vector-ncert-card__links a:focus-visible {
    background: #ddf7f1;
    outline: none;
    transform: translateY(-1px);
}

.vector-ncert-card__context {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    z-index: 1;
    color: #98e8d8;
    font-size: .64rem;
    font-weight: 800;
}

.vector-challenge-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42%;
    border: 1px solid var(--concept-line);
    background: #fff;
}

.vector-challenge-card > div:first-child {
    align-self: center;
    padding: 1.8rem;
}

.vector-challenge-card .vector-card-label { color: var(--concept-purple); }
.vector-challenge-card h3 { color: var(--concept-ink); font-size: 1.5rem; }
.vector-challenge-card p { margin: 0; color: var(--concept-muted); font-size: .78rem; line-height: 1.45; }
.vector-challenge-card a { margin-top: 1.4rem; padding: .65rem .9rem; background: #eeeaff; color: #5842c5; }

.vector-challenge-card__visual {
    display: grid;
    min-width: 0;
    place-items: center;
    background: #f0edff;
}

.vector-challenge-card__visual svg { width: 100%; max-width: 190px; height: auto; }
.vector-challenge-card__visual text { fill: var(--concept-green); font: 800 13px Inter, system-ui, sans-serif; }
.vector-challenge-card__visual text.pink { fill: #e75683; }
.vector-challenge-card__visual text.purple { fill: #7057e8; }

.vector-concept-checks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin-top: 1rem;
}

.vector-concept-check {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 16px;
    align-items: center;
    gap: .8rem;
    min-height: 88px;
    padding: .75rem .9rem;
    border: 1px solid var(--concept-line);
    border-radius: 16px;
    background: #fff;
    color: var(--concept-ink);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.vector-concept-check:hover,
.vector-concept-check:focus-visible { border-color: #8ccfc3; outline: none; box-shadow: 0 8px 20px rgba(26, 93, 83, .07); }

.vector-concept-check > span {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 13px;
    background: #e7f7f3;
    color: var(--concept-green);
    font-size: .7rem;
    font-weight: 900;
}

.vector-concept-check strong { display: block; font-size: .8rem; }
.vector-concept-check small { display: block; margin-top: .25rem; color: var(--concept-muted); font-size: .63rem; font-weight: 500; line-height: 1.35; }
.vector-concept-check > i { color: #78aaa2; font-size: 1.3rem; font-style: normal; transition: transform .2s ease; }
.vector-concept-check[aria-expanded="true"] > i { transform: rotate(90deg); }
.vector-concept-check > em { grid-column: 1 / -1; padding: .75rem; border-radius: 10px; background: #f0faf7; color: #426e67; font-size: .73rem; font-style: normal; line-height: 1.5; }

.vector-master {
    position: relative;
    margin-top: 5rem;
    padding: 2rem;
    overflow: hidden;
    border-radius: 28px;
    background: #f0edff;
}

.vector-master::before {
    position: absolute;
    top: -58px;
    right: 8%;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(231, 86, 131, .07);
    content: '';
}

.vector-master .vector-journey__head { position: relative; }
.vector-master .vector-journey__head > div > span { color: #654bd6; }

.vector-master__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .9rem;
}

.vector-exam-card {
    min-height: 270px;
    padding: 1.4rem;
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(59, 42, 137, .14);
    color: #fff;
}

.vector-exam-card--neet { background: linear-gradient(145deg, #087f70, #11a38e); }
.vector-exam-card--jee-main { background: linear-gradient(145deg, #523db8, #7358ed); }
.vector-exam-card--jee-advanced { background: linear-gradient(145deg, #c84a72, #eb6f96); }

.vector-exam-card__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, .14);
    font-size: 1.15rem;
}

.vector-exam-card h3 { color: #fff; font-size: 1.42rem; }
.vector-exam-card > p { min-height: 54px; margin: 0; color: rgba(255, 255, 255, .76); font-size: .75rem; line-height: 1.5; }
.vector-exam-card__meta { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; color: rgba(255, 255, 255, .75); font-size: .62rem; font-weight: 800; }
.vector-exam-card__progress { height: 5px; margin-top: .45rem; overflow: hidden; border-radius: 99px; background: rgba(255, 255, 255, .18); }
.vector-exam-card__progress i { display: block; height: 100%; border-radius: inherit; background: #fff; }
.vector-exam-card > a,
.vector-exam-card__disabled { width: 100%; margin-top: 1rem; background: rgba(255, 255, 255, .95); color: #087366; }
.vector-exam-card--jee-main > a,
.vector-exam-card--jee-main .vector-exam-card__disabled { color: #5842c5; }
.vector-exam-card--jee-advanced > a,
.vector-exam-card--jee-advanced .vector-exam-card__disabled { color: #b44065; }
.vector-exam-card__disabled { opacity: .78; }

.vector-revise__grid {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 1rem;
    align-items: stretch;
}

.vector-formula-map {
    min-height: 350px;
    padding: 1.7rem;
    border: 1px solid var(--concept-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(26, 93, 83, .05);
}

.vector-formula-map__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.vector-formula-map h3 { color: var(--concept-ink); font-size: 1.55rem; }
.vector-formula-map__head p { margin: 0; color: var(--concept-muted); font-size: .75rem; }
.vector-formula-map__head > i { display: grid; width: 50px; height: 50px; flex: 0 0 auto; place-items: center; border-radius: 15px; background: #dff4ef; color: var(--concept-green); font: 700 1.55rem Georgia, serif; }

.vector-formula-map__groups {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .65rem;
    margin-top: 1.4rem;
}

.vector-formula-map__groups > div { padding: .85rem .9rem; border-radius: 13px; background: #f3faf8; }
.vector-formula-map__groups > div:nth-child(2) { background: #f1efff; }
.vector-formula-map__groups > div:nth-child(3) { background: #fff4e8; }
.vector-formula-map__groups > div:nth-child(4) { background: #fff0f5; }
.vector-formula-map__groups span { display: block; color: var(--concept-green); font-size: .6rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.vector-formula-map__groups > div:nth-child(2) span { color: var(--concept-purple); }
.vector-formula-map__groups > div:nth-child(3) span { color: #ca6815; }
.vector-formula-map__groups > div:nth-child(4) span { color: #c4436c; }
.vector-formula-map__groups strong { display: block; margin-top: .35rem; color: var(--concept-ink); font-family: Georgia, 'Times New Roman', serif; font-size: 1.02rem; }
.vector-formula-map__groups small { display: block; margin-top: .2rem; color: var(--concept-muted); font-size: .62rem; }
.vector-formula-map > button { margin-top: 1.2rem; padding: .55rem .8rem; background: #e5f6f2; color: #087366; cursor: pointer; }

.vector-formula-map__details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px solid var(--concept-line);
}

.vector-formula-map__details[hidden] { display: none; }
.vector-formula-map__details span { display: grid; gap: .18rem; color: #385f59; font-family: Georgia, 'Times New Roman', serif; font-size: .9rem; }
.vector-formula-map__details strong { color: var(--concept-muted); font: 800 .58rem Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }

.vector-revision-links { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: .75rem; height: 100%; }
.vector-revision-links > a,
.vector-revision-links > button {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 16px;
    align-items: center;
    gap: .8rem;
    min-height: 108px;
    padding: .9rem;
    border: 1px solid var(--concept-line);
    border-radius: 18px;
    background: #fff;
    color: var(--concept-ink);
    cursor: pointer;
    font: inherit;
    text-align: left;
    text-decoration: none;
}

.vector-revision-links > a:hover,
.vector-revision-links > a:focus-visible,
.vector-revision-links > button:hover,
.vector-revision-links > button:focus-visible { border-color: #9bcfc6; outline: none; }
.vector-revision-links > :nth-child(3) { border-color: #dcd5ff; background: #f4f1ff; }
.vector-revision-links i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: #e8f8f4; color: var(--concept-green); font-size: 1.2rem; font-style: normal; font-weight: 900; }
.vector-revision-links > :nth-child(2) i { background: #fff0e2; color: #df791f; }
.vector-revision-links > :nth-child(3) i { background: #e8e2ff; color: var(--concept-purple); }
.vector-revision-links strong { display: block; font-size: .8rem; }
.vector-revision-links small { display: block; margin-top: .25rem; color: var(--concept-muted); font-size: .62rem; font-weight: 500; line-height: 1.35; }
.vector-revision-links > * > span { color: #78aaa2; font-size: 1.25rem; }

.vector-revision-note {
    margin-top: .8rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d9d2fb;
    border-radius: 15px;
    background: #f7f5ff;
    color: #4f4964;
    font-size: .8rem;
    line-height: 1.6;
}
.vector-revision-note[hidden] { display: none; }
.vector-revision-note strong { color: var(--concept-ink); }

.vector-more-videos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    margin-top: .8rem;
    padding: .9rem 1rem;
    border: 1px solid #d9d2fb;
    border-radius: 15px;
    background: #f7f5ff;
}
.vector-more-videos > span { color: #5d49bd; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.vector-more-videos a { padding: .45rem .65rem; border-radius: 9px; background: #fff; color: #5945bc; font-size: .68rem; font-weight: 800; text-decoration: none; }

.vector-doubt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--concept-line);
    border-radius: 18px;
    background: #fff;
}

.vector-doubt > div { display: flex; align-items: center; gap: .8rem; }
.vector-doubt > div > span { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #e1f5f0; color: var(--concept-green); font-weight: 900; }
.vector-doubt strong { display: grid; gap: .22rem; color: var(--concept-ink); font-size: .82rem; }
.vector-doubt small { color: var(--concept-muted); font-size: .65rem; font-weight: 500; }
.vector-doubt > a { padding: .7rem .9rem; border-radius: 10px; background: var(--concept-green); color: #fff; font-size: .72rem; font-weight: 900; text-decoration: none; white-space: nowrap; }

.vector-next {
    position: relative;
    display: flex;
    min-height: 125px;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 1rem;
    padding: 1.55rem 1.8rem;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(120deg, #083f39, #087d6d);
    color: #fff;
}

.vector-next::after { position: absolute; right: 10%; bottom: -115px; width: 240px; height: 240px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; content: ''; }
.vector-next > div { position: relative; z-index: 1; }
.vector-next > div > span { color: #80e6d2; font-size: .63rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.vector-next h2 { margin: .45rem 0 .25rem; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: 1.55rem; }
.vector-next p { margin: 0; color: rgba(255, 255, 255, .7); font-size: .68rem; }
.vector-next > a { position: relative; z-index: 1; padding: .75rem 1rem; border-radius: 11px; background: #fff; color: #087366; font-size: .72rem; font-weight: 900; text-decoration: none; white-space: nowrap; }

@media (max-width: 900px) {
    .vector-roadmap { grid-template-columns: 1fr; }
    .vector-roadmap__step { padding: .35rem .5rem; }
    .vector-roadmap__step:not(:last-child)::after { top: auto; right: auto; bottom: -.6rem; left: 1.3rem; transform: rotate(90deg); }
    .vector-roadmap__step small { white-space: normal; }
    .vector-apply__grid,
    .vector-master__grid,
    .vector-revise__grid { grid-template-columns: 1fr; }
    .vector-concept-checks { grid-template-columns: 1fr; }
    .vector-exam-card { min-height: 235px; }
    .vector-exam-card > p { min-height: 0; }
}

@media (max-width: 800px) {
    .vector-apply,
    .vector-revise { margin-top: 3.8rem; padding: 1.25rem; }
    .vector-master { margin-top: 3.8rem; }
    .vector-journey__head { grid-template-columns: 1fr; gap: .7rem; }
    .vector-master { padding: 1.25rem; }
    .vector-challenge-card { grid-template-columns: minmax(0, 1fr) 42%; }
}

@media (max-width: 520px) {
    .vector-journey__head h2 { font-size: 2.15rem; }
    .vector-journey__head > p { font-size: .82rem; }
    .vector-ncert-card { min-height: 230px; padding: 1.35rem; }
    .vector-ncert-card h3 { max-width: 76%; font-size: 1.45rem; }
    .vector-ncert-card > p { max-width: 72%; font-size: .72rem; }
    .vector-ncert-card__count { top: 1.25rem; right: 1.25rem; width: 68px; height: 68px; border-width: 6px; }
    .vector-ncert-card__count strong { font-size: 1.25rem; }
    .vector-ncert-card__context { right: 1.25rem; bottom: 1.35rem; }
    .vector-challenge-card { min-height: 190px; grid-template-columns: minmax(0, 1fr) 41%; }
    .vector-challenge-card > div:first-child { padding: 1.2rem; }
    .vector-challenge-card h3 { font-size: 1.28rem; }
    .vector-challenge-card p { font-size: .69rem; }
    .vector-challenge-card a { margin-top: .9rem; padding: .55rem .7rem; }
    .vector-challenge-card__visual svg { min-width: 125px; }
    .vector-master { border-radius: 24px; }
    .vector-master::before { right: -2rem; }
    .vector-exam-card { min-height: 0; padding: 1.2rem; }
    .vector-formula-map { min-height: 0; padding: 1.25rem; }
    .vector-formula-map__groups { gap: .5rem; }
    .vector-formula-map__groups > div { padding: .7rem; }
    .vector-formula-map__groups strong { font-size: .84rem; }
    .vector-formula-map__details { grid-template-columns: 1fr; }
    .vector-revision-links > a,
    .vector-revision-links > button { min-height: 84px; }
    .vector-doubt,
    .vector-next { align-items: stretch; flex-direction: column; }
    .vector-doubt > a,
    .vector-next > a { text-align: center; }
    .vector-next h2 { font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .concept-page *,
    .concept-page *::before,
    .concept-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* Vectors: approved Apply and Revise destinations */
.vector-skill-card {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    padding: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, #07463f, #087a6a);
    box-shadow: 0 18px 38px rgba(7, 75, 65, .14);
    color: #fff;
}
.vector-skill-card::after { position:absolute;right:-55px;bottom:-110px;width:270px;height:270px;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:"" }
.vector-skill-card .vector-card-label{color:#82ead5}.vector-skill-card h3{max-width:70%;margin:.65rem 0 .45rem;color:#fff;font:700 1.75rem/1.08 Georgia,serif}.vector-skill-card>p{max-width:63%;margin:0;color:rgba(255,255,255,.75);font-size:.82rem;line-height:1.5}.vector-skill-card .vector-card-action{display:inline-flex;position:relative;z-index:2;min-height:42px;align-items:center;margin-top:2rem;padding:.65rem 1rem;border-radius:11px;background:#fff;color:#087366;font-size:.72rem;font-weight:900;text-decoration:none}.vector-skill-card__ladder{display:block;position:relative;z-index:2;margin-top:.75rem;color:#8ce6d5;font-size:.62rem}.vector-skill-card .vector-ncert-card__count{z-index:2}.vector-skill-card .vector-ncert-card__context{z-index:2}
.vector-challenge-card__progress{display:block;margin-top:.8rem;color:#6a5ac4;font-size:.62rem;font-weight:900}.vector-apply__secondary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.vector-ncert-links-card,.vector-mixed-card{min-height:180px;padding:1.45rem;border:1px solid var(--concept-line);border-radius:20px}.vector-ncert-links-card{background:#eaf8f5}.vector-mixed-card{background:#fff0e8}.vector-ncert-links-card h3,.vector-mixed-card h3{margin:.5rem 0 .28rem;color:var(--concept-ink);font:700 1.35rem/1.1 Georgia,serif}.vector-ncert-links-card p,.vector-mixed-card p{margin:0;color:var(--concept-muted);font-size:.75rem}.vector-ncert-links-card__questions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.vector-ncert-links-card__questions a{display:grid;min-width:52px;min-height:38px;padding:.45rem .65rem;place-items:center;border:1px solid #b9ded6;border-radius:10px;background:#fff;color:#087366;font-size:.72rem;font-weight:900;text-decoration:none}.vector-ncert-links-card__questions a.all{padding-inline:1rem}.vector-mini-status{display:block;margin-top:1.2rem;color:var(--concept-muted)}.vector-mixed-card .vector-card-label{color:#cf651c}.vector-mixed-card>small{display:block;margin-top:.8rem;color:#a35d32;font-size:.62rem;font-weight:800}.vector-mixed-card>a{display:inline-flex;min-height:38px;align-items:center;margin-top:1rem;padding:.55rem .8rem;border-radius:10px;background:#fff;color:#b95b19;font-size:.7rem;font-weight:900;text-decoration:none}
.vector-formula-map__details{grid-template-columns:1fr 1fr}.vector-formula-map__details section{display:grid;align-content:start;gap:.52rem;padding:.85rem;border-radius:13px;background:#f2faf8}.vector-formula-map__details section:nth-child(2){background:#f1efff}.vector-formula-map__details section:nth-child(3){background:#fff4e8}.vector-formula-map__details section:nth-child(4){background:#fff0f5}.vector-formula-map__details h4{margin:0 0 .2rem;color:var(--concept-ink);font:700 1rem Georgia,serif}.vector-formula-map__details section>span{font-size:.8rem;line-height:1.4}.vector-formula-sheet-link{grid-column:1/-1;display:flex;min-height:42px;align-items:center;justify-content:center;margin-top:.25rem;border-radius:11px;background:#e4f5f1;color:#087366;font-size:.72rem;font-weight:900;text-decoration:none}.vector-revision-links{align-content:start}.vector-revision-links>a,.vector-revision-links>button{min-height:150px}.vector-revision-note{padding:1.2rem}.vector-revision-note ul{display:grid;gap:.4rem;margin:.65rem 0 0;padding-left:1.2rem}
@media(max-width:900px){.vector-apply__secondary{grid-template-columns:1fr}}
@media(max-width:520px){.vector-skill-card{min-height:250px;padding:1.35rem}.vector-skill-card h3{font-size:1.45rem}.vector-skill-card>p{max-width:70%;font-size:.72rem}.vector-skill-card__ladder{max-width:55%}.vector-apply__secondary{gap:.75rem}.vector-ncert-links-card,.vector-mixed-card{min-height:0;padding:1.2rem}.vector-formula-map__details{grid-template-columns:1fr}.vector-revision-links>a,.vector-revision-links>button{min-height:92px}}
.vector-skill-card__ladder,.vector-challenge-card__progress,.vector-mixed-card>small{font-size:.7rem}