.learning-page{background:#f7f9fc}
.learning-page .site-nav a[aria-current="page"]{color:var(--blue)}
.learning-hero{position:relative;isolation:isolate;padding-top:53px;padding-bottom:39px}
.learning-hero:after{position:absolute;z-index:-1;top:0;right:-50px;width:340px;height:250px;border-radius:50%;background:radial-gradient(ellipse,rgba(71,201,173,.11),transparent 70%);content:"";pointer-events:none}
.learning-hero h1,.mock-page-hero h1{max-width:760px;margin:13px 0 12px;color:var(--navy);font-size:clamp(2.2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.06em}
.learning-hero h1 em{color:var(--blue);font-style:normal}
.learning-hero>p:not(.eyebrow){max-width:650px;margin:0;color:#647790;font-size:.96rem;line-height:1.7}
.learning-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.learning-section{padding-top:24px;padding-bottom:70px}
.learning-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.learning-section-heading .eyebrow{margin-bottom:5px}
.learning-section-heading h2{margin:0;color:var(--navy);font-size:1.7rem;letter-spacing:-.045em}
.learning-section-heading>p{max-width:390px;margin:0;color:#74849a;font-size:.81rem;line-height:1.6}
.subject-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.subject-card{position:relative;display:block;min-height:248px;padding:24px 25px 19px;overflow:hidden;border:1px solid #dbe4ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 7px 0 rgba(16,39,71,.055),0 17px 30px rgba(16,39,71,.075);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.subject-card:hover{transform:translateY(-3px);border-color:#bdcfe6;box-shadow:0 9px 0 rgba(16,39,71,.055),0 22px 36px rgba(16,39,71,.12)}
.subject-card:after{position:absolute;right:-52px;bottom:-94px;width:200px;height:200px;border:1px solid rgba(45,101,207,.09);border-radius:50%;box-shadow:0 0 0 20px rgba(45,101,207,.025),0 0 0 44px rgba(45,101,207,.018);content:"";pointer-events:none}
.subject-gat:after{border-color:rgba(71,201,173,.14);box-shadow:0 0 0 20px rgba(71,201,173,.025),0 0 0 44px rgba(71,201,173,.018)}
.subject-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.subject-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e9f0fc;color:var(--blue);font-size:1rem;font-weight:850}
.subject-gat .subject-symbol{background:#e5f6f1;color:#188b71}
.free-count{padding:6px 9px;border:1px solid #d8e7e3;border-radius:999px;background:#f2faf7;color:#19866e;font-size:.65rem;font-weight:800}
.subject-card .panel-kicker{font-size:.61rem}
.subject-card h3{margin:4px 0 6px;color:var(--navy);font-size:1.4rem;letter-spacing:-.04em}
.subject-card>p:not(.panel-kicker){max-width:420px;margin:0;color:#73839a;font-size:.81rem;line-height:1.58}
.subject-card-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:13px;border-top:1px solid #e7edf4;color:#315eaa;font-size:.77rem;font-weight:800}
.subject-gat .subject-card-foot{color:#18836d}
.practice-bridge{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;padding:17px 19px;border:1px solid #e1e8f1;border-radius:14px;background:#fff}
.practice-bridge>div{display:flex;align-items:flex-start;gap:12px}
.bridge-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#f8f1dd;color:#bc8a22}
.practice-bridge strong{display:block;color:#2d4361;font-size:.79rem}
.practice-bridge p{margin:3px 0 0;color:#77879b;font-size:.72rem;line-height:1.5}
.practice-bridge .inline-link{white-space:nowrap;font-size:.74rem}
.subject-page{padding-top:20px;padding-bottom:42px}
.breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 19px;color:#8b99aa;font-size:.7rem}
.breadcrumbs a{color:#557093;font-weight:650}
.breadcrumbs a:hover{color:var(--blue)}
.subject-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}
.subject-heading .eyebrow{margin-bottom:7px}
.subject-heading h1{margin:0 0 8px;color:var(--navy);font-size:clamp(1.95rem,3.3vw,2.65rem);line-height:1.1;letter-spacing:-.055em}
.subject-heading h1 em{color:var(--blue);font-style:normal}
.subject-heading>div>p:last-child{max-width:650px;margin:0;color:#6f8097;font-size:.85rem;line-height:1.6}
.small-link-card{display:flex;align-items:center;gap:10px;min-width:245px;padding:12px 13px;border:1px solid #dce5ef;border-radius:12px;background:white;box-shadow:0 5px 0 rgba(16,39,71,.035),0 10px 20px rgba(16,39,71,.045)}
.small-link-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf3fc;color:var(--blue);font-size:.95rem}
.small-link-card>span:nth-child(2){display:grid;flex:1;gap:2px}
.small-link-card strong{color:#344b6a;font-size:.69rem}
.small-link-card small{color:#8492a4;font-size:.62rem}
.small-link-card>span:last-child{color:var(--blue);font-size:.95rem}
.subject-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:19px}
.topic-workspace{overflow:hidden;padding:20px;border:1px solid #dfe7f0;border-radius:17px;background:white;box-shadow:0 7px 0 rgba(16,39,71,.035),0 14px 27px rgba(16,39,71,.055)}
.topic-filter-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}
.topic-filter-head .panel-kicker{font-size:.6rem}
.topic-filter-head h2{margin:4px 0 0;color:#293f5d;font-size:1.05rem;letter-spacing:-.03em}
.free-legend{display:flex;align-items:center;gap:6px;color:#72839a;font-size:.64rem;white-space:nowrap}
.free-legend i{width:7px;height:7px;border-radius:50%;background:#31ad8e;box-shadow:0 0 0 3px #e9f7f2}
.topic-filters{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:16px;border-bottom:1px solid #edf1f6}
.topic-filter{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #dfe6ef;border-radius:999px;background:#f9fbfd;color:#536984;font-size:.68rem;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease}
.topic-filter:hover{border-color:#b7c9e2;background:#f1f6fd}
.topic-filter[aria-pressed="true"]{border-color:#93b0dd;background:#eaf2ff;color:#244f91;box-shadow:0 0 0 2px rgba(45,101,207,.07)}
.topic-filter .topic-free-dot{width:6px;height:6px;border-radius:50%;background:#3aa98c}
.topic-filter.is-locked{color:#8390a2;background:#fafbfd}
.topic-filter .topic-lock{font-size:.64rem}
.topic-filter .topic-lock{position:relative;display:inline-block;flex:0 0 9px;width:9px;height:7px;margin-top:3px;border-radius:2px;background:#a8b4c2}
.topic-filter .topic-lock:before{position:absolute;top:-4px;left:2px;width:5px;height:5px;border:1px solid #a8b4c2;border-bottom:0;border-radius:5px 5px 0 0;content:""}
.topic-content{padding-top:17px}
.topic-content-empty{color:#77889e;font-size:.78rem}
.topic-content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.topic-content-head h3{margin:6px 0 4px;color:#213956;font-size:1.2rem;letter-spacing:-.035em}
.topic-content-head p{max-width:530px;margin:0;color:#75859a;font-size:.76rem;line-height:1.58}
.free-topic-badge,.pack-topic-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#edf8f4;color:#17876e;font-size:.58rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.pack-topic-badge{background:#f2f4f7;color:#748299}
.practice-question-card{padding:17px;border:1px solid #e2e9f2;border-radius:13px;background:linear-gradient(145deg,#fbfcfe,#f8fafd)}
.practice-question-kicker{margin:0 0 7px;color:#8a99ad;font-size:.59rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.practice-question-card h4{margin:0 0 14px;color:#2b4260;font-size:.88rem;line-height:1.55}
.practice-answer-options{display:grid;gap:7px}
.practice-answer-option{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:7px 10px;border:1px solid #e1e7ef;border-radius:9px;background:white;color:#526780;text-align:left;font-size:.73rem;transition:border-color .15s ease,background .15s ease}
.practice-answer-option:hover{border-color:#b7c9e2;background:#fbfdff}
.practice-answer-option[aria-pressed="true"]{border-color:#81a2d3;background:#edf4ff;color:#284e84}
.practice-answer-option:disabled{cursor:default}
.practice-answer-option.is-correct{border-color:#9bd8c4;background:#effaf6;color:#176b55}
.practice-answer-option.is-wrong{border-color:#e6aaaa;background:#fff2f2;color:#a33b3b}
.practice-answer-option .option-letter{flex:0 0 23px;width:23px;height:23px;font-size:.61rem}
.practice-feedback{margin-top:12px;padding:13px 14px;border:1px solid #dce9e5;border-radius:11px;background:#f4fbf8}
.practice-feedback.is-incorrect{border-color:#efc7c7;background:#fff6f6}
.practice-feedback>strong{display:block;color:#18785f;font-size:.75rem}
.practice-feedback.is-incorrect>strong{color:#a33b3b}
.practice-feedback p{margin:4px 0 8px;color:#697d93;font-size:.7rem;line-height:1.5}
.solution-label{margin:9px 0 5px;color:#405876;font-size:.65rem;font-weight:800}
.solution-steps{display:grid;gap:5px;margin:0;padding:0;list-style:none;counter-reset:solution}
.solution-steps li{position:relative;padding-left:23px;color:#657991;font-size:.68rem;line-height:1.52;counter-increment:solution}
.solution-steps li:before{position:absolute;left:0;top:1px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e4f2ed;color:#168268;font-size:.56rem;font-weight:800;content:counter(solution)}
.practice-feedback-action{margin-top:12px}
.practice-next-topic{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:.68rem}
.practice-sidebar{display:grid;gap:11px}
.access-card{padding:16px;border-radius:14px;background:linear-gradient(150deg,#163961,#102747);color:white;box-shadow:0 8px 0 rgba(16,39,71,.08),0 16px 28px rgba(16,39,71,.16)}
.access-kicker{display:block;margin-bottom:8px;color:#9db6d6;font-size:.57rem;font-weight:850;letter-spacing:.11em}
.access-card>strong{display:block;color:white;font-size:.98rem;letter-spacing:-.025em}
.access-card p{margin:7px 0 12px;color:#c2d1e4;font-size:.69rem;line-height:1.55}
.access-card a{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.15);color:#a3ead9;font-size:.66rem;font-weight:800}
.practice-aside-card{padding:14px;border:1px solid #e0e8f1;border-radius:13px;background:#fff}
.aside-mark{display:grid;place-items:center;width:25px;height:25px;margin-bottom:9px;border-radius:8px;background:#eff3f9;color:#7085a0;font-size:.62rem;font-weight:850}
.practice-aside-card strong{display:block;color:#3b506d;font-size:.72rem}
.practice-aside-card p{margin:5px 0 0;color:#7d8ca0;font-size:.67rem;line-height:1.55}
.subject-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid #dfe7f0;border-radius:12px;background:#f8fafc;color:#3e5b7e}
.subject-switch span:first-child{display:grid;gap:2px}
.subject-switch strong{font-size:.66rem}
.subject-switch small{color:#8391a3;font-size:.62rem}
.subject-switch>span:last-child{font-size:.94rem}
.locked-topic-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px;border:1px solid #e3e8ef;border-radius:13px;background:linear-gradient(145deg,#fbfcfe,#f5f7fa)}
.locked-topic-panel h3{margin:8px 0 5px;color:#2d4260;font-size:1.08rem;letter-spacing:-.03em}
.locked-topic-panel p{max-width:490px;margin:0;color:#74849a;font-size:.75rem;line-height:1.58}
.locked-topic-panel .button{white-space:nowrap;font-size:.7rem}
.page-crosslinks{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:19px;padding-top:14px;border-top:1px solid #e4eaf1}
.page-crosslinks a{color:#557194;font-size:.69rem;font-weight:750}
.page-crosslinks a:hover{color:var(--blue)}
.site-footer>p a{color:#617590}
.mock-page-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:48px;padding-top:48px;padding-bottom:45px}
.mock-page-hero:before{position:absolute;z-index:-1;inset:0 auto 0 calc((100vw - 100%)/-2);width:100vw;background:linear-gradient(110deg,#102747,#173b63);content:""}
.mock-page-hero .eyebrow{color:#b5cdef}
.mock-page-hero .eyebrow-line{background:#69dfc2}
.mock-page-hero h1{color:#fff;font-size:clamp(2.2rem,4.2vw,3.35rem)}
.mock-page-hero h1 em{color:#9ce9d7;font-style:normal}
.mock-page-hero>div>p:not(.eyebrow){max-width:620px;margin:0;color:#c7d5e8;font-size:.89rem;line-height:1.68}
.mock-page-hero .button-primary{background:white;color:var(--navy)}
.mock-page-hero .button-primary span{color:var(--blue)}
.mock-page-hero .button-text{color:#eff5fd}
.mock-pack-card{padding:20px;border:1px solid rgba(255,255,255,.74);border-radius:17px;background:#fff;box-shadow:0 20px 42px rgba(0,0,0,.2)}
.mock-pack-card .offer-label{font-size:.6rem}
.mock-pack-price{margin:10px 0 4px;color:var(--navy);font-size:2.35rem;font-weight:850;letter-spacing:-.065em}
.mock-pack-price small{margin-left:4px;color:#75869b;font-size:.68rem;font-weight:550;letter-spacing:0}
.mock-pack-card>p{margin:0 0 14px;color:#687c95;font-size:.73rem;line-height:1.58}
.mock-pack-card .button{min-height:39px;font-size:.72rem}
.mock-details-section{padding-top:52px;padding-bottom:65px}
.paper-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.paper-detail-card{padding:19px;border:1px solid #dfe7f0;border-radius:15px;background:white;box-shadow:0 6px 0 rgba(16,39,71,.035),0 13px 24px rgba(16,39,71,.055)}
.paper-chip{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:.59rem;font-weight:850;letter-spacing:.08em}
.maths-chip{background:#e9f0fc;color:#315fa8}
.gat-chip{background:#e5f6f1;color:#16836a}
.paper-detail-card h3{margin:10px 0 3px;color:#273f5e;font-size:1.15rem;letter-spacing:-.03em}
.paper-detail-card p{margin:0 0 8px;color:#78889d;font-size:.73rem}
.paper-detail-card>strong{display:block;color:#405a79;font-size:.71rem}
.paper-detail-card>strong span{padding-inline:3px;color:#99a7b7}
.paper-detail-card>a{display:inline-block;margin-top:13px;color:#3264ad;font-size:.68rem;font-weight:800}
.paper-detail-card:nth-child(2)>a{color:#16836a}
.mock-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px;margin-top:23px;padding:17px 19px;border:1px solid #e1e8f0;border-radius:14px;background:#fff}
.mock-sequence>div{display:grid;grid-template-columns:29px 1fr;align-items:center;gap:1px 9px}
.mock-sequence>div>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef3fa;color:#6781a3;font-size:.62rem;font-weight:850}
.mock-sequence strong{color:#405673;font-size:.71rem}
.mock-sequence small{color:#8391a4;font-size:.62rem}
.mock-sequence>i{color:#9aabc0;font-style:normal}
.mock-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px;padding:21px;border-radius:16px;background:#eef3f8}
.mock-bottom-cta .eyebrow{margin-bottom:6px;font-size:.61rem}
.mock-bottom-cta h2{margin:0 0 5px;color:var(--navy);font-size:1.25rem;letter-spacing:-.04em}
.mock-bottom-cta p:not(.eyebrow){max-width:650px;margin:0;color:#71839a;font-size:.74rem;line-height:1.6}
.mock-bottom-cta>div:last-child{display:grid;justify-items:start;gap:10px;flex:0 0 auto}
.mock-bottom-cta .button{min-height:39px;font-size:.71rem}
.mock-bottom-cta .inline-link{font-size:.69rem}
@media(max-width:960px){.subject-layout{grid-template-columns:minmax(0,1fr) 225px;gap:13px}.topic-workspace{padding:16px}.mock-page-hero{grid-template-columns:minmax(0,1fr) 310px;gap:26px}}
@media(max-width:700px){.learning-hero{padding-top:36px;padding-bottom:28px}.learning-hero h1,.mock-page-hero h1{font-size:2.25rem}.learning-hero>p:not(.eyebrow){font-size:.86rem}.learning-section{padding-top:16px;padding-bottom:47px}.learning-section-heading{display:block;margin-bottom:14px}.learning-section-heading h2{font-size:1.4rem}.learning-section-heading>p{margin-top:6px;font-size:.75rem}.subject-card-grid{grid-template-columns:1fr;gap:12px}.subject-card{min-height:0;padding:19px}.subject-card-top{margin-bottom:13px}.subject-card h3{font-size:1.25rem}.practice-bridge{align-items:flex-start;flex-direction:column;padding:15px}.practice-bridge .inline-link{align-self:flex-end}.subject-page{padding-top:15px}.breadcrumbs{margin-bottom:14px}.subject-heading{display:grid;gap:13px;margin-bottom:16px}.subject-heading h1{font-size:2rem}.subject-heading>div>p:last-child{font-size:.78rem}.small-link-card{min-width:0}.subject-layout{grid-template-columns:1fr;gap:12px}.topic-workspace{padding:14px}.topic-filter-head h2{font-size:.95rem}.topic-filters{gap:6px}.topic-filter{min-height:32px;padding:6px 9px;font-size:.63rem}.topic-content-head{display:block}.topic-content-head h3{font-size:1.08rem}.topic-content-head p{font-size:.71rem}.practice-question-card{padding:13px}.practice-question-card h4{font-size:.81rem}.locked-topic-panel{grid-template-columns:1fr;gap:12px;padding:14px}.locked-topic-panel .button{justify-self:start}.practice-sidebar{grid-template-columns:1fr 1fr}.access-card{grid-column:1/-1}.subject-switch{grid-column:1/-1}.page-crosslinks{justify-content:flex-start;gap:9px 18px}.mock-page-hero{grid-template-columns:1fr;gap:20px;padding-top:37px;padding-bottom:28px}.mock-page-hero:before{background:linear-gradient(145deg,#102747,#173b63)}.mock-page-hero h1{font-size:2.35rem}.mock-page-hero>div>p:not(.eyebrow){font-size:.82rem}.mock-pack-card{padding:16px}.mock-pack-price{font-size:2rem}.mock-details-section{padding-top:36px;padding-bottom:45px}.paper-detail-grid{grid-template-columns:1fr;gap:10px}.paper-detail-card{padding:16px}.mock-sequence{grid-template-columns:1fr;gap:9px;margin-top:13px;padding:13px}.mock-sequence>i{display:none}.mock-sequence>div{grid-template-columns:28px 1fr}.mock-bottom-cta{align-items:flex-start;flex-direction:column;gap:15px;margin-top:15px;padding:16px}.mock-bottom-cta h2{font-size:1.08rem}.mock-bottom-cta>div:last-child{justify-items:stretch;width:100%}.mock-bottom-cta .inline-link{justify-self:start}}
@media(prefers-reduced-motion:reduce){.subject-card,.topic-filter,.practice-answer-option{transition:none}}

/* Keep answer feedback visually distinct from the normal selected state. */
.practice-topic-select{width:100%;max-width:600px;min-height:42px;border:1px solid #ccd8e7;border-radius:9px;background:white;padding:9px 12px;font:inherit;font-size:.85rem;color:#243d5d}
.practice-question-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:.78rem;color:#647894}
.practice-question-navigation .button,.practice-feedback-action .button{min-height:36px;padding:8px 12px;font-size:.75rem}
.practice-question-navigation button:disabled{opacity:.4;cursor:default}
.practice-equation{overflow-x:auto;max-width:100%}
body[data-live-practice] .practice-question-card h4{font-size:1rem;white-space:pre-wrap}
body[data-live-practice] .practice-answer-option{font-size:.86rem;min-height:46px}
body[data-live-practice] .solution-steps{gap:12px}
body[data-live-practice] .solution-steps li{font-size:.84rem;line-height:1.65}
button.practice-answer-option.is-correct,
button.practice-answer-option.is-correct[aria-pressed="true"]{border-color:#83cbb2!important;background:#e4f7ef!important;color:#12674f!important}
button.practice-answer-option.is-wrong,
button.practice-answer-option.is-wrong[aria-pressed="true"]{border-color:#e49b9b!important;background:#ffeded!important;color:#9f3030!important}

/* Ten stacked questions and a compact navigator, without promotional cards. */
body[data-live-practice] .subject-layout{grid-template-columns:minmax(0,1fr) 245px}
.practice-question-list{display:grid;gap:16px}
.practice-question-list .practice-question-card{scroll-margin-top:110px}
.practice-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.practice-card-toolbar .practice-question-kicker{margin:0;color:#526985;font-size:.68rem}
.practice-bookmark-button{border:1px solid #d5deec;border-radius:7px;padding:6px 10px;background:#fff;color:#566a83;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}
.practice-bookmark-button[aria-pressed="true"]{border-color:#ddbd70;background:#fff8e4;color:#806011}
.practice-bookmark-button:disabled{opacity:.6;cursor:wait}
.bookmark-status{margin:0 0 8px;font-size:.69rem;color:#697c94;line-height:1.4}
.bookmark-status:empty{display:none}
.practice-list-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 18px;color:#70839a;font-size:.75rem}
.practice-question-list+.practice-list-pagination{margin-top:18px;margin-bottom:0}
.practice-list-pagination .button{min-height:36px;padding:8px 12px;font-size:.72rem}
.practice-list-pagination button:disabled{opacity:.4;cursor:default}
.practice-navigator{position:sticky;top:100px;padding:16px;border:1px solid #dfe7f0;border-radius:13px;background:#fff;box-shadow:0 4px 0 #10274705;gap:0}
.practice-navigator h2{margin:0;font-size:.98rem;color:#243d5c;letter-spacing:-.025em}
.navigator-topic{margin:5px 0 12px;color:#71829a;font-size:.72rem;line-height:1.4}
.navigator-progress{margin-bottom:13px;color:#586f8d;font-size:.72rem}
.navigator-progress>strong{font-weight:650}
.navigator-progress small{font-size:.66rem}
.navigator-progress-track{height:5px;margin:8px 0 6px;border-radius:5px;background:#edf1f7;overflow:hidden}
.navigator-progress-track>span{display:block;height:100%;border-radius:5px;background:#279f83}
.practice-question-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:290px;overflow-y:auto;padding:3px;margin:0 -3px;scrollbar-width:thin}
.question-jump{position:relative;min-height:34px;border:1px solid #dae3ee;border-radius:6px;background:#f7f9fc;color:#536984;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}
.question-jump.is-on-page{border-color:#a8bddc;background:#edf3fd}
.question-jump.is-correct{border-color:#9dd7c4;background:#e6f6ef;color:#18755c}
.question-jump.is-wrong{border-color:#e7b1b1;background:#fff0f0;color:#a43d3d}
.question-jump[aria-current="true"]{outline:2px solid #3468ac;outline-offset:0}
.question-jump.is-bookmarked>span{position:absolute;right:-2px;top:-7px;padding:0 2px;border-radius:4px;background:#fff3ca;color:#936d16;font-size:.65rem}
.question-jump:focus-visible,.practice-bookmark-button:focus-visible{outline:3px solid #e4ad3c;outline-offset:2px}
.navigator-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 6px;padding:13px 0;margin-top:10px;border-top:1px solid #e8edf4;color:#75849a;font-size:.61rem}
.navigator-legend>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.navigator-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;border:1px solid #d0dbea;background:#f5f8fc}
.navigator-legend .legend-correct{background:#dff4ea;border-color:#9fd5c1}
.navigator-legend .legend-wrong{background:#ffeaea;border-color:#e5a3a3}
.navigator-bookmarks{border-top:1px solid #e8edf4;padding-top:11px}
.navigator-bookmarks h3{margin:0 0 8px;font-size:.72rem;color:#4a617e}
.navigator-bookmarks h3 span{float:right;font-weight:500;color:#8b99ac}
.navigator-bookmarks>div{display:flex;flex-wrap:wrap;gap:5px;max-height:90px;overflow-y:auto;padding:2px}
.navigator-bookmarks button{min-height:30px;padding:4px 8px;border:1px solid #e5d39d;border-radius:5px;background:#fff9e9;color:#886a20;font:inherit;font-size:.65rem;font-weight:600;cursor:pointer}
.navigator-bookmarks p,.navigator-session-note,.navigator-empty{margin:8px 0 0;color:#8391a4;font-size:.65rem;line-height:1.5}
.navigator-session-note a{color:#3468ac;text-decoration:underline}
.navigator-empty{grid-column:1/-1}
@media(max-width:700px){body[data-live-practice] .subject-layout{grid-template-columns:1fr}body[data-live-practice] .practice-navigator{grid-row:1;position:static;display:block;padding:13px}.practice-question-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-height:82px}.navigator-topic{margin-bottom:8px}.navigator-progress{margin-bottom:9px}.navigator-legend{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 14px;padding:9px 0;margin-top:8px}.navigator-bookmarks{padding-top:8px}.navigator-bookmarks>div{max-height:64px}.navigator-session-note{margin-top:7px}.practice-question-list{gap:12px}.practice-question-list .practice-question-card{scroll-margin-top:85px}.practice-list-pagination{font-size:.67rem}.practice-list-pagination .button{font-size:.66rem;padding:8px}.practice-card-toolbar{margin-bottom:9px}}
@media(max-width:420px){.practice-question-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.navigator-legend{grid-template-columns:1fr 1fr;gap:6px}.practice-list-pagination{flex-wrap:wrap}.practice-list-pagination>span{order:3;width:100%;text-align:center}}
.practice-passage{margin:0 0 1.25rem;padding:1rem 1.15rem;border:1px solid #d7e3ef;border-left:4px solid #3d729f;border-radius:12px;background:#f4f8fc;color:#344e6c}
.practice-passage summary{cursor:pointer;font-size:.9rem;font-weight:700;color:#18365a}
.practice-passage[open] summary{margin-bottom:.75rem}
.practice-passage>div{font-size:1rem;line-height:1.75;white-space:normal;overflow-wrap:anywhere}