.hero-art .hero-practice-scene{position:relative;isolation:isolate;width:min(100%,590px);min-height:366px;display:grid;place-items:center;padding:34px 22px 50px}
.practice-glow{position:absolute;z-index:-1;inset:5% 4% 2%;border-radius:48%;background:radial-gradient(ellipse,#dcebd8 0%,rgba(234,243,235,.72) 48%,transparent 74%);filter:blur(9px)}
.practice-question-card{position:relative;width:min(100%,445px);min-height:300px;overflow:hidden;border:1px solid #dce6dc;border-radius:18px;background:#fff;box-shadow:0 25px 60px rgba(32,54,43,.16);color:#263a2c;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;transform:rotate(-1deg);animation:practice-card-arrive .75s cubic-bezier(.2,.8,.2,1) both}
.practice-card-head{height:45px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 15px;border-bottom:1px solid #e9eee7;color:#647668;font-size:9px;font-weight:700;letter-spacing:.06em}
.practice-card-head span{display:flex;align-items:center;gap:7px}.practice-card-head i{width:7px;height:7px;border-radius:50%;background:#69a779;box-shadow:0 0 0 3px #e9f3e8}.practice-card-head>b{font-size:8px;color:#9aa79b}
.practice-progress{height:3px;background:#edf2eb}.practice-progress i{display:block;width:44%;height:100%;border-radius:3px;background:#71ad7d}
.practice-question-body{padding:16px 20px 15px}.practice-question-tag{color:#4b8a62;font-size:8px;font-weight:800;letter-spacing:.13em}.practice-question-body>p{margin:8px 0 10px;font-size:14px;font-weight:700;line-height:1.45}.practice-passage{margin-bottom:12px;padding:10px 12px;border-left:3px solid #b7d6b3;border-radius:0 8px 8px 0;background:#f6f9f4;color:#506154;font:11px/1.55 Georgia,"Times New Roman",serif}.practice-passage u{text-decoration-color:#74b786;text-decoration-thickness:2px;text-underline-offset:2px}
.practice-options{display:grid;gap:6px}.practice-option{position:relative;display:flex;align-items:center;gap:9px;min-height:31px;padding:5px 9px;border:1px solid #e1e8df;border-radius:8px;color:#46564a;font-size:10px;line-height:1.35;transition:background .3s,border-color .3s,transform .3s}.practice-option>span{display:grid;place-items:center;flex:none;width:19px;height:19px;border:1px solid #bdc9bd;border-radius:50%;font-size:9px;font-weight:700}.practice-option-correct{border:2px solid #67a8d8;background:#f0f8fc;animation:practice-answer 8s ease-in-out infinite}.practice-option-correct>span{border-color:#54a8dc;background:#54a8dc;color:#fff}.practice-option-correct>b{margin-left:auto;color:#39845a;opacity:0;animation:practice-check 8s ease-in-out infinite}
.practice-card-foot{display:flex;justify-content:space-between;padding:9px 15px;border-top:1px solid #edf0ec;color:#879387;font-size:9px}.practice-card-foot span:last-child{color:#48845b}.practice-card-foot b{margin-left:3px}.practice-cursor{position:absolute;z-index:3;left:88%;top:50%;width:27px;height:32px;filter:drop-shadow(0 2px 2px #19332355);animation:practice-cursor-move 8s cubic-bezier(.58,0,.35,1) infinite}.practice-cursor svg{width:100%;height:100%}
.practice-float{position:absolute;z-index:2;display:flex;flex-direction:column;border:1px solid rgba(218,230,216,.9);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 13px 35px rgba(35,57,40,.13);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;animation:practice-float 5s ease-in-out infinite}.practice-score{top:3px;left:0;padding:12px 14px;transform:rotate(-5deg)}.practice-score>span{color:#829083;font-size:9px;font-weight:650}.practice-score>strong{margin-top:4px;color:#263a2c;font-size:22px;letter-spacing:-.05em}.practice-score>strong b{color:#43945e;font-size:14px}.practice-score>small{color:#45885b;font-size:9px;font-weight:700}.practice-mascot{right:0;bottom:78px;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;transform:rotate(7deg);animation-delay:-1.4s}.practice-mascot img{width:34px;height:34px}.practice-insight{right:-5px;top:34px;padding:10px 12px;animation-delay:-2.5s}.practice-insight>span{color:#4a8a61;font-size:12px}.practice-insight>b{margin-top:3px;color:#34483a;font-size:10px}.practice-insight>small{margin-top:2px;color:#7b897b;font-size:8px}.practice-caption{position:absolute;bottom:10px;left:50%;display:flex;align-items:center;gap:7px;padding:9px 13px;transform:translateX(-50%);white-space:nowrap;border:1px solid #d9e6d6;border-radius:999px;background:#f8fbf7;color:#46694e;box-shadow:0 7px 20px #283c2e10;font:650 9px system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.practice-caption span{color:#4b9662}
@keyframes practice-card-arrive{from{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}
@keyframes practice-cursor-move{0%,18%{left:88%;top:50%;transform:translate(0,0)}40%,47%{left:72%;top:63%;transform:translate(0,0)}50%,56%{left:72%;top:63%;transform:scale(.88)}70%,100%{left:88%;top:50%;transform:translate(0,0)}}
@keyframes practice-answer{0%,43%{border-color:#e1e8df;background:#fff;transform:scale(1)}48%,68%{border-color:#54a8dc;background:#eff8fd;transform:scale(1.015)}74%,100%{border-color:#85bd91;background:#f1f8f0;transform:scale(1)}}
@keyframes practice-check{0%,49%{opacity:0;transform:scale(.7)}54%,100%{opacity:1;transform:scale(1)}}
@keyframes practice-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
html[data-theme="dark"] .practice-glow{background:radial-gradient(ellipse,#314832 0%,rgba(29,43,33,.72) 50%,transparent 74%)}
html[data-theme="dark"] .practice-question-card,html[data-theme="dark"] .practice-float{border-color:#3b503e;background:#202d23;color:#e5eee2}
html[data-theme="dark"] .practice-card-head,html[data-theme="dark"] .practice-card-foot{border-color:#394b3b;color:#afbdad}
html[data-theme="dark"] .practice-card-head>b,html[data-theme="dark"] .practice-score>span,html[data-theme="dark"] .practice-insight>small{color:#a5b4a3}
html[data-theme="dark"] .practice-score>strong,html[data-theme="dark"] .practice-insight>b,html[data-theme="dark"] .practice-question-body>p{color:#e5eee2}
html[data-theme="dark"] .practice-passage{border-color:#78b984;background:#19241c;color:#d1decf}
html[data-theme="dark"] .practice-option{border-color:#405343;color:#d4dfd1}
html[data-theme="dark"] .practice-option-correct{border-color:#67add9;background:#20343a}
html[data-theme="dark"] .practice-caption{border-color:#405843;background:#202d23;color:#d2e3ce}
@media(max-width:900px){.hero-art .hero-practice-scene{width:min(100%,620px);min-height:340px}}
@media(max-width:650px){.hero-art .hero-practice-scene{min-height:315px;padding:34px 8px 45px}.practice-question-card{width:calc(100% - 27px);min-height:280px;border-radius:15px}.practice-card-head{padding:0 11px;font-size:8px}.practice-question-body{padding:13px 14px}.practice-question-body>p{font-size:12px}.practice-passage{font-size:10px}.practice-option{font-size:9px;min-height:29px}.practice-score{left:-3px;top:0;padding:9px 11px}.practice-insight{right:-1px;top:27px;padding:8px 9px}.practice-mascot{right:0;bottom:65px;width:48px;height:48px}.practice-caption{bottom:5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.practice-question-card,.practice-float,.practice-cursor,.practice-option-correct,.practice-option-correct>b{animation:none!important}.practice-option-correct{border-color:#85bd91;background:#f1f8f0}.practice-option-correct>b{opacity:1}}

/* Cycle through three crisp, exam-style previews. */
.practice-question-card{height:340px;min-height:0;transform:none;border-radius:18px;box-shadow:0 25px 60px rgba(32,54,43,.16),0 3px 10px rgba(32,54,43,.06)}
.practice-slide{position:absolute;inset:0;opacity:0;pointer-events:none;animation:practice-slide-cycle 18s ease-in-out infinite}
.practice-slide-sat{animation-delay:0s}.practice-slide-act{animation-delay:6s}.practice-slide-ap{animation-delay:12s}
.practice-slide .practice-question-body{height:calc(100% - 72px);display:flex;flex-direction:column;justify-content:center}
.practice-slide .practice-option-correct{animation:practice-answer 18s ease-in-out infinite}
.practice-slide .practice-option-correct>b{animation:practice-check 18s ease-in-out infinite}
.practice-cursor{animation:practice-cursor-move 18s cubic-bezier(.58,0,.35,1) infinite}
.practice-math-work{font:700 15px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.practice-math-work span{font-size:10px;font-weight:400;color:#617463}
html[data-theme="dark"] .practice-math-work span{color:#afbdad}
@keyframes practice-slide-cycle{0%,3%,29%,33%,100%{opacity:0}5%,27%{opacity:1}}
@keyframes practice-cursor-move{0%,8%,29%,36%,62%,69%,95%,100%{left:88%;top:50%;transform:translate(0,0)}13%,20%{left:71%;top:62%;transform:translate(0,0)}23%,26%{left:71%;top:62%;transform:scale(.88)}42%,49%{left:71%;top:52%;transform:translate(0,0)}52%,55%{left:71%;top:52%;transform:scale(.88)}75%,82%{left:71%;top:52%;transform:translate(0,0)}85%,88%{left:71%;top:52%;transform:scale(.88)}}
@keyframes practice-answer{0%,10%,33%,39%,66%,72%,100%{border-color:#e1e8df;background:#fff;transform:scale(1)}15%,27%,44%,60%,77%,93%{border-color:#54a8dc;background:#eff8fd;transform:scale(1.015)}}
@keyframes practice-check{0%,16%,33%,45%,66%,78%,100%{opacity:0;transform:scale(.7)}20%,29%,49%,62%,82%,95%{opacity:1;transform:scale(1)}}
@media(max-width:650px){.practice-question-card{height:310px}}
@media(prefers-reduced-motion:reduce){.practice-slide{animation:none!important;opacity:0}.practice-slide-sat{opacity:1}}

/* Fit every subject cleanly and keep the animated states legible. */
.practice-question-card{height:354px}
.practice-card-head{min-width:0;padding-inline:14px;font-size:clamp(7px,.66vw,9px)}
.practice-card-head>span{min-width:0;white-space:nowrap}
.practice-card-head>b{flex:none;white-space:nowrap;font-size:clamp(7px,.58vw,8px)}
.practice-slide .practice-question-body{height:calc(100% - 70px);padding:10px 17px 12px;justify-content:flex-start}
.practice-question-body>p{margin:6px 0 8px;font-size:clamp(11px,.95vw,13px);line-height:1.4}
.practice-passage{margin-bottom:8px;padding:8px 10px;font-size:clamp(9px,.78vw,10px);line-height:1.45}
.practice-options{gap:5px}
.practice-option{min-height:28px;padding:4px 8px;font-size:clamp(9px,.75vw,10px);line-height:1.25}
.practice-option>span{width:18px;height:18px}
.practice-card-foot{position:absolute;right:0;bottom:0;left:0;height:33px;align-items:center;padding:0 14px;background:inherit}
.practice-score{left:-28px;top:0}
.practice-insight{right:-22px;top:45px}
.practice-slide{animation-name:practice-slide-crossfade}
@keyframes practice-slide-crossfade{0%,2%,30%,34%,100%{opacity:0}5%,27%{opacity:1}}
html[data-theme="dark"] .practice-slide .practice-option-correct{border-color:#67add9;background:#e6f5fc;color:#173c4b}
html[data-theme="dark"] .practice-slide .practice-option-correct>span{border-color:#398bbb;background:#398bbb;color:white}
html[data-theme="dark"] .practice-slide .practice-option-correct>b{color:#236b43}
@media(max-width:650px){.practice-question-card{height:322px}.practice-card-head{padding-inline:9px}.practice-card-head>b{font-size:7px}.practice-slide .practice-question-body{padding:9px 12px 11px}.practice-question-body>p{font-size:11px}.practice-passage{padding:7px 8px}.practice-option{min-height:26px}.practice-score{left:-8px;top:-5px}.practice-insight{right:-7px;top:32px}}
.practice-question-card{height:370px}
.practice-slide .practice-question-body{padding:12px 17px 14px}
.practice-question-body>p{font-size:clamp(13px,1.05vw,15px);line-height:1.45}
.practice-passage{padding:9px 11px;font-size:clamp(10px,.84vw,12px);line-height:1.5}
.practice-option{min-height:31px;padding:6px 9px;font-size:clamp(10px,.84vw,12px);line-height:1.35}
.practice-option>span{width:20px;height:20px;font-size:10px}
.practice-question-tag{font-size:9px}
.practice-card-head{font-size:9px}
.practice-card-head>b{font-size:8px}
@media(max-width:650px){.practice-question-card{height:342px}.practice-slide .practice-question-body{padding:10px 12px 12px}.practice-question-body>p{font-size:12px}.practice-passage{font-size:10px}.practice-option{min-height:28px;font-size:10px}.practice-option>span{width:18px;height:18px}}
.practice-question-card{height:400px}
.practice-slide .practice-question-body{position:absolute;inset:49px 0 34px;height:auto;overflow:hidden;padding:12px 17px;justify-content:center}
.practice-card-foot{height:34px}
@media(max-width:650px){.practice-question-card{height:370px}.practice-slide .practice-question-body{inset:46px 0 34px;padding:10px 12px}}

/* Exam-card typography inspired by the supplied reference. */
.practice-question-card{height:410px;background:#fff;color:#202821}
.practice-card-head{color:#687269;border-color:#e7ebe6}
.practice-card-head>b{color:#7d887e}
.practice-question-body>p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(14px,1.14vw,16px);font-weight:600;line-height:1.5;color:#202821}
.practice-passage{font-family:Georgia,"Times New Roman",serif;font-size:clamp(11px,.92vw,13px);line-height:1.55;background:#f7f8f6;color:#374238}
.practice-option{min-height:33px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(11px,.9vw,13px);line-height:1.4;color:#28332b;background:#fff;border-color:#d7ddd7}
.practice-option>span{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.practice-card-foot{color:#69746b;background:#fff;border-color:#e7ebe6}
html[data-theme="dark"] .practice-question-card{background:#fff;color:#202821}
html[data-theme="dark"] .practice-card-head,html[data-theme="dark"] .practice-card-foot{color:#687269;border-color:#e7ebe6;background:#fff}
html[data-theme="dark"] .practice-card-head>b{color:#7d887e}
html[data-theme="dark"] .practice-question-body>p{color:#202821}
html[data-theme="dark"] .practice-passage{background:#f7f8f6;color:#374238}
html[data-theme="dark"] .practice-option{background:#fff;color:#28332b;border-color:#d7ddd7}
html[data-theme="dark"] .practice-slide .practice-option-correct{border-color:#299fe0;background:#eaf7fd;color:#18384a}
@media(max-width:650px){.practice-question-card{height:380px}.practice-question-body>p{font-size:13px}.practice-passage{font-size:10px}.practice-option{min-height:28px;font-size:10px}}
/* Keep the question preview in the established IVYN color scheme. */
.practice-question-card{background:#fff;color:#263a2c}
.practice-question-body>p{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:clamp(13px,1.05vw,15px);font-weight:700;color:#263a2c}
.practice-passage{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:clamp(10px,.84vw,12px);background:#f6f9f4;color:#506154}
.practice-option{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:clamp(10px,.84vw,12px);color:#46564a}
html[data-theme="dark"] .practice-question-card{background:#202d23;color:#e5eee2}
html[data-theme="dark"] .practice-card-head,html[data-theme="dark"] .practice-card-foot{background:#202d23;color:#afbdad;border-color:#394b3b}
html[data-theme="dark"] .practice-question-body>p{color:#e5eee2}
html[data-theme="dark"] .practice-passage{background:#19241c;color:#d1decf}
html[data-theme="dark"] .practice-option{background:#202d23;color:#d4dfd1;border-color:#405343}
html[data-theme="dark"] .practice-slide .practice-option-correct{border-color:#67add9;background:#20343a;color:#e0f3fa}
html[data-theme="dark"] .practice-slide .practice-option-correct>span{border-color:#398bbb;background:#398bbb;color:#fff}
html[data-theme="dark"] .practice-slide .practice-option-correct>b{color:#9fd0a9}
.practice-slide .practice-option-correct{color:#183d4d!important}
.practice-slide .practice-option-correct>span{color:#fff!important}
.practice-slide .practice-option-correct>b{color:#236b43!important}
.practice-cursor{left:88%;top:48%;animation-duration:18s;animation-timing-function:cubic-bezier(.58,0,.35,1)}
.practice-slide-sat .practice-cursor{animation-name:cursor-sat;animation-delay:0s}
.practice-slide-act .practice-cursor{animation-name:cursor-act;animation-delay:6s}
.practice-slide-ap .practice-cursor{animation-name:cursor-ap;animation-delay:12s}
@keyframes cursor-sat{0%,8%,29%,100%{left:88%;top:48%;transform:none}13%,24%{left:70%;top:82%;transform:none}25%,27%{left:70%;top:82%;transform:scale(.88)}}
@keyframes cursor-act{0%,8%,29%,100%{left:88%;top:48%;transform:none}13%,24%{left:70%;top:70%;transform:none}25%,27%{left:70%;top:70%;transform:scale(.88)}}
@keyframes cursor-ap{0%,8%,29%,100%{left:88%;top:48%;transform:none}13%,24%{left:70%;top:78%;transform:none}25%,27%{left:70%;top:78%;transform:scale(.88)}}
.practice-slide-sat .practice-cursor{animation:cursor-hit-sat 18s cubic-bezier(.58,0,.35,1) 0s infinite}
.practice-slide-act .practice-cursor{animation:cursor-hit-act 18s cubic-bezier(.58,0,.35,1) 4.56s infinite}
.practice-slide-ap .practice-cursor{animation:cursor-hit-ap 18s cubic-bezier(.58,0,.35,1) 10.56s infinite}
@keyframes cursor-hit-sat{0%,8%,29%,100%{left:88%;top:48%;transform:none}13%,24%{left:70%;top:71%;transform:none}25%,27%{left:70%;top:71%;transform:scale(.88)}}
@keyframes cursor-hit-act{0%,8%,29%,100%{left:88%;top:48%;transform:none}13%,24%{left:70%;top:60%;transform:none}25%,27%{left:70%;top:60%;transform:scale(.88)}}
@keyframes cursor-hit-ap{0%,8%,29%,100%{left:88%;top:48%;transform:none}13%,24%{left:70%;top:67%;transform:none}25%,27%{left:70%;top:67%;transform:scale(.88)}}
@media(prefers-reduced-motion:reduce){.practice-slide-sat .practice-cursor{left:70%;top:71%;animation:none}.practice-slide-act .practice-cursor{left:70%;top:60%;animation:none}.practice-slide-ap .practice-cursor{left:70%;top:67%;animation:none}}
.practice-option-correct{position:relative;padding-right:82px}
.practice-option-correct .practice-cursor{position:absolute;z-index:2;top:50%;right:42px;left:auto;width:22px;height:27px;filter:drop-shadow(0 1px 2px #12271966);animation:answer-cursor-arrive 2.2s ease-in-out infinite}
.practice-option-correct .practice-cursor svg{display:block;width:100%;height:100%}
@keyframes answer-cursor-arrive{0%,10%{opacity:0;transform:translate(18px,-50%) scale(.9)}34%,62%{opacity:1;transform:translate(0,-50%) scale(1)}68%{opacity:1;transform:translate(0,-50%) scale(.84)}75%,100%{opacity:1;transform:translate(0,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.practice-option-correct .practice-cursor{animation:none;opacity:1;transform:translate(0,-50%)}}
.practice-question-body{overflow:visible}
.practice-option-correct .practice-cursor{right:-85px;top:50%;left:auto;width:22px;height:27px;opacity:0;transform:none;animation:cursor-enter-from-outside 6s cubic-bezier(.22,.78,.25,1) infinite}
.practice-slide-act .practice-option-correct .practice-cursor{animation-delay:6.3s}
.practice-slide-ap .practice-option-correct .practice-cursor{animation-delay:12.3s}
@keyframes cursor-enter-from-outside{0%,8%{right:-85px;opacity:0;transform:translate(0,-50%)}22%,34%{right:42px;opacity:1;transform:translate(0,-50%)}37%{right:42px;opacity:1;transform:translate(0,-50%) scale(.84)}42%,100%{right:42px;opacity:1;transform:translate(0,-50%)}}
@media(prefers-reduced-motion:reduce){.practice-option-correct .practice-cursor{right:42px;opacity:1;animation:none;transform:translateY(-50%)}}
.practice-card-foot{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;height:48px;padding:0 12px}
.practice-time{justify-self:start;white-space:nowrap}
.practice-check-answer{min-width:146px;min-height:34px;padding:0 16px;border:0;border-radius:999px;background:#244c37;color:#fff;font:700 11px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;white-space:nowrap;box-shadow:0 3px 8px #203d2b18;animation:check-button-tap 18s ease-in-out infinite}
.practice-checked{justify-self:end;white-space:nowrap;color:#39835f;opacity:0;font-size:9px}
.practice-slide-act .practice-check-answer,.practice-slide-act .practice-checked{animation-delay:6.3s}
.practice-slide-ap .practice-check-answer,.practice-slide-ap .practice-checked{animation-delay:12.3s}
.practice-option-correct{animation:answer-choice-select 18s ease-in-out infinite}
.practice-slide-act .practice-option-correct{animation-delay:6.3s}
.practice-slide-ap .practice-option-correct{animation-delay:12.3s}
.practice-option-correct .practice-cursor{right:-85px;top:50%;left:auto;width:22px;height:27px;opacity:0;animation:cursor-answer-then-check 18s cubic-bezier(.22,.78,.25,1) infinite}
.practice-slide-sat .practice-option-correct .practice-cursor{--to-check:translate(-112px,104px);animation-delay:.3s}
.practice-slide-act .practice-option-correct .practice-cursor{--to-check:translate(-112px,138px);animation-delay:6.3s}
.practice-slide-ap .practice-option-correct .practice-cursor{--to-check:translate(-112px,98px);animation-delay:12.3s}
.practice-slide-act .practice-option-correct{animation-delay:6.3s}
.practice-slide-ap .practice-option-correct{animation-delay:12.3s}
.practice-check-answer,.practice-checked{opacity:0;animation-duration:18s;animation-iteration-count:infinite}
.practice-checked{animation-name:checked-after-press}
.practice-slide-act .practice-checked{animation-delay:6.3s}
.practice-slide-ap .practice-checked{animation-delay:12.3s}
@keyframes cursor-answer-then-check{0%,3%{right:-85px;opacity:0;transform:translate(0,-50%)}5%,10%{right:42px;opacity:1;transform:translate(0,-50%)}12%,14%{right:42px;opacity:1;transform:translate(0,-50%) scale(.84)}17%,20%{right:42px;opacity:1;transform:var(--to-check)}21%,24%{right:42px;opacity:1;transform:var(--to-check) scale(.84)}27%,100%{right:42px;opacity:0;transform:var(--to-check)}}
@keyframes answer-choice-select{0%,8%{border-color:#405343;background:#202d23;color:#d4dfd1}11%,100%{border-color:#67add9;background:#eaf7fd;color:#183d4d}}
@keyframes check-button-tap{0%,19%{opacity:0;transform:scale(1)}20%,100%{opacity:1;transform:scale(1)}21%{opacity:1;transform:scale(.94);background:#397858}23%,100%{opacity:1;transform:scale(1)}}
@keyframes checked-after-press{0%,21%{opacity:0}23%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.practice-check-answer,.practice-checked{animation:none;opacity:1}.practice-option-correct{animation:none!important;border-color:#67add9;background:#eaf7fd;color:#183d4d}.practice-option-correct .practice-cursor{right:42px;opacity:1;animation:none;transform:translateY(-50%)}.practice-checked{display:none}}

/* Keep the action visible; animate only its press and the checked confirmation. */
.practice-check-answer{opacity:1!important;animation:check-button-press 18s ease-in-out infinite}
.practice-slide-act .practice-check-answer{animation-delay:6.3s}
.practice-slide-ap .practice-check-answer{animation-delay:12.3s}
.practice-checked{opacity:0;animation:checked-confirmation 18s ease-in-out infinite}
.practice-slide-act .practice-checked{animation-delay:6.3s}
.practice-slide-ap .practice-checked{animation-delay:12.3s}
@keyframes check-button-press{0%,19%{transform:scale(1);box-shadow:0 3px 8px #203d2b18}20%{transform:scale(.94);box-shadow:0 1px 3px #203d2b30}22%,100%{transform:scale(1);box-shadow:0 3px 8px #203d2b18}}
@keyframes checked-confirmation{0%,22%{opacity:0}24%,28%{opacity:1}30%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.practice-check-answer{opacity:1!important;animation:none}.practice-checked{animation:none;opacity:1}}

/* Show a pointer physically landing on and pressing the visible Check answer button. */
.practice-option-correct .practice-cursor{animation:answer-row-click 18s cubic-bezier(.22,.78,.25,1) infinite}
.practice-slide-act .practice-option-correct .practice-cursor{animation-delay:6.3s}
.practice-slide-ap .practice-option-correct .practice-cursor{animation-delay:12.3s}
.practice-check-answer{position:relative;overflow:visible}
.practice-check-cursor{position:absolute;z-index:5;top:-22px;left:calc(100% + 18px);width:22px;height:27px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #12271966);animation:cursor-to-check-button 18s cubic-bezier(.22,.78,.25,1) infinite}
.practice-slide-act .practice-check-cursor{animation-delay:6.3s}
.practice-slide-ap .practice-check-cursor{animation-delay:12.3s}
@keyframes answer-row-click{0%,3%{right:-85px;opacity:0;transform:translate(0,-50%)}5%,10%{right:42px;opacity:1;transform:translate(0,-50%)}12%,14%{right:42px;opacity:1;transform:translate(0,-50%) scale(.84)}16%,100%{right:42px;opacity:0;transform:translate(0,-50%)}}
@keyframes cursor-to-check-button{0%,14%{top:-22px;left:calc(100% + 18px);opacity:0;transform:translate(0,0)}16%{top:-22px;left:calc(100% + 18px);opacity:1;transform:translate(0,0)}19%,20%{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%)}21%,22%{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%) scale(.82)}24%,28%{top:50%;left:50%;opacity:0;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.practice-check-cursor{display:none}}
.practice-question-card{overflow:visible}
.practice-cursor,.practice-check-cursor{display:none!important}
.practice-demo-cursor{position:absolute;z-index:20;top:0;left:0;width:26px;height:31px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #12271966);transform-origin:4px 3.5px;will-change:transform}
.practice-checked.is-visible{opacity:1!important}
@media(prefers-reduced-motion:reduce){.practice-demo-cursor{display:none}}
