/* English Quiz Kids — shared Practice pages refresh */
.practice-page{--p-ink:#17233f;--p-muted:#64748b;--p-purple:#5b4be8;--p-blue:#2878e8;--p-border:#e4eaf5;--p-bg:#f5f7fc;background:#f5f7fc;color:var(--p-ink)}
.practice-page .container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.practice-page .resource-header{background:#fff;border-bottom:1px solid #e9edf5;box-shadow:0 3px 14px rgba(25,42,78,.035)}
.practice-page .resource-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.practice-page .resource-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--p-ink);white-space:nowrap}
.practice-page .resource-brand b{font-size:17px;letter-spacing:-.35px}.practice-page .resource-brand small{display:block;color:#75819a;font-size:11px;margin-top:2px}
.practice-page .resource-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eeedff;font-size:19px}
.practice-page .resource-nav nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.practice-page .resource-nav nav a{padding:10px 13px;border-radius:10px;color:#52617d;text-decoration:none;font-size:13px;font-weight:600;transition:.18s ease}
.practice-page .resource-nav nav a:hover,.practice-page .resource-nav nav a.active{background:#f0efff;color:var(--p-purple)}
.practice-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f0efff 0%,#edf5ff 58%,#e9f7ff 100%);border-bottom:1px solid #e1e9fb}
.practice-hero:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-100px;top:-260px;background:rgba(255,255,255,.55)}
.practice-hero-inner{position:relative;z-index:1;min-height:360px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:40px;padding-block:42px}
.practice-back{display:inline-flex;align-items:center;gap:6px;color:#5a58b8;text-decoration:none;font-size:13px;font-weight:650;margin-bottom:23px}.practice-back:hover{text-decoration:underline}
.practice-eyebrow{display:flex;align-items:center;gap:9px;color:#5d57c6;font-size:11px;font-weight:800;letter-spacing:1.35px}.practice-eyebrow-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#fff;color:#ef9b37;font-size:14px;box-shadow:0 3px 10px #6a6be51c}.practice-dot{color:#a3a8c9}
.practice-hero h1{font-size:clamp(32px,4.3vw,49px);line-height:1.1;letter-spacing:-1.8px;margin:16px 0 14px;color:#17233f;font-weight:800}.practice-hero h1 span{color:#5b4be8}
.practice-hero-copy>p{max-width:590px;color:#586784;font-size:15px;line-height:1.75;margin:0}
.practice-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px}.practice-primary,.practice-secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 17px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:750;transition:transform .18s,box-shadow .18s}.practice-primary{color:#fff;background:linear-gradient(100deg,#5b4be8,#347ee9);box-shadow:0 8px 18px #514ce52b}.practice-secondary{color:#4e5b7b;background:rgba(255,255,255,.76);border:1px solid #dce4f6}.practice-primary:hover,.practice-secondary:hover{transform:translateY(-2px)}
.practice-hero-note{display:flex;align-items:center;gap:8px;color:#687694;font-size:11px;margin-top:19px}.practice-check{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dff7ec;color:#168957;font-weight:800}.practice-note-sep{color:#b5bdd0}
.practice-hero-art{position:relative;min-height:255px;display:grid;place-items:center}.practice-art-orbit{position:absolute;border:1px dashed #b7c4ef;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:290px;height:210px}.orbit-two{width:235px;height:270px;transform:rotate(35deg);border-color:#c9d8f5}
.practice-art-card{position:relative;width:min(280px,85%);padding:19px 20px 21px;border:1px solid #fff;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 22px 55px rgba(63,83,156,.16);transform:rotate(-3deg)}.art-card-top{display:flex;align-items:center;justify-content:space-between}.art-mini-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#fff2dd;font-size:16px}.art-status{font-size:8px;font-weight:800;letter-spacing:1px;color:#23966b;background:#e9faf2;border-radius:20px;padding:6px 8px}.art-book{display:grid;place-items:center;width:76px;height:76px;margin:16px auto 11px;border-radius:23px;background:linear-gradient(145deg,#e7e6ff,#dcecff);font-size:40px;box-shadow:inset 0 0 0 1px #fff}.art-card-title{text-align:center;font-size:17px;font-weight:800;letter-spacing:-.4px}.art-card-sub{text-align:center;color:#8290a8;font-size:11px;margin-top:5px}.art-progress{display:flex;gap:6px;margin-top:18px}.art-progress i{height:6px;flex:1;border-radius:9px;background:#e8edfa}.art-progress i:first-child,.art-progress i:nth-child(2),.art-progress i:nth-child(3){background:linear-gradient(90deg,#7c6df2,#63a5f5)}
.practice-float{position:absolute;display:grid;place-items:center;border:1px solid #fff;border-radius:15px;background:#fff;box-shadow:0 10px 24px #405b9b22}.float-star{width:43px;height:43px;top:16px;right:16px;color:#f0a32d;font-size:23px}.float-pencil{width:46px;height:46px;bottom:20px;left:10px;font-size:22px;transform:rotate(-9deg)}.float-check{width:36px;height:36px;right:12px;bottom:33px;border-radius:50%;background:#e6f9ef;color:#16945e;font-size:19px;font-weight:900}
.practice-main{padding:47px 0 60px}.practice-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.practice-section-kicker{color:#7770d9;font-size:10px;font-weight:850;letter-spacing:1.5px;margin-bottom:8px}.practice-section-heading h2{font-size:25px;letter-spacing:-.7px;margin:0;color:#1c2947}.practice-section-heading p{margin:7px 0 0;color:#78849c;font-size:13px}.practice-count{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5e9f4;border-radius:13px;background:#fff;color:#7b879d;font-size:10px;line-height:1.3;font-weight:650}.practice-count-number{font-size:22px;line-height:1;color:#5c4be7;font-weight:850}
.practice-guide{display:flex;align-items:center;gap:15px;padding:17px 19px;border:1px solid #e2e7f5;border-radius:17px;background:#fff;box-shadow:0 5px 20px rgba(28,49,93,.035);margin-bottom:22px}.guide-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;background:#f0efff;font-size:21px}.guide-copy{display:grid;gap:5px;flex:1;min-width:0}.guide-copy strong{font-size:13px;color:#263454}.guide-copy span{font-size:11px;line-height:1.6;color:#78849b}.guide-copy span b{color:#6559d8}.guide-links{display:flex;gap:8px;flex-wrap:wrap}.guide-links a{padding:9px 11px;border-radius:9px;background:#f5f6ff;color:#5a50c9;text-decoration:none;font-size:11px;font-weight:750}.guide-links a span{margin-left:5px}
.practice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.practice-quiz-card{display:flex;flex-direction:column;min-width:0;padding:19px;border:1px solid #e5eaf4;border-radius:17px;background:#fff;box-shadow:0 6px 22px rgba(31,52,94,.045);transition:transform .2s,box-shadow .2s,border-color .2s}.practice-quiz-card:hover{transform:translateY(-3px);border-color:#d3d6fa;box-shadow:0 13px 30px rgba(52,64,132,.10)}.practice-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.practice-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0efff;font-size:21px}.practice-quiz-card:nth-child(3n+2) .practice-card-icon{background:#eaf5ff}.practice-quiz-card:nth-child(3n) .practice-card-icon{background:#e8f9f1}.practice-card-grade{padding:6px 9px;border-radius:20px;background:#f3f4ff;color:#6559d4;font-size:9px;font-weight:850;letter-spacing:.5px}.practice-quiz-card h3{font-size:16px;line-height:1.4;letter-spacing:-.25px;margin:0 0 8px;color:#202d4b;overflow-wrap:anywhere}.practice-quiz-card>p{font-size:12px;line-height:1.65;color:#7a879e;margin:0 0 18px;flex:1;overflow-wrap:anywhere}.practice-card-meta{display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid #f0f2f8;padding:13px 0;color:#7a879d;font-size:10px}.practice-card-meta i{font-style:normal;color:#7b70dc;margin-right:4px}.practice-card-button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:10px;background:#f1f0ff;color:#5b4be2;text-decoration:none;font-size:12px;font-weight:800;transition:background .18s,color .18s}.practice-card-button:hover{background:#5b4be8;color:#fff}
.practice-empty{grid-column:1/-1;text-align:center;padding:42px 22px;border:1px dashed #cbd5e8;border-radius:18px;background:rgba(255,255,255,.8)}.empty-illustration{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 12px;border-radius:20px;background:#f0efff;font-size:31px}.empty-kicker{font-size:9px;letter-spacing:1.4px;font-weight:850;color:#776bdd}.practice-empty h3{font-size:19px;margin:8px 0;color:#253252}.practice-empty p{max-width:500px;margin:0 auto;color:#77849c;font-size:12px;line-height:1.7}.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px}.empty-actions a{padding:9px 12px;border-radius:9px;background:#f1f0ff;color:#5d51d2;text-decoration:none;font-size:11px;font-weight:750}
.practice-next-step{display:flex;align-items:center;gap:14px;margin-top:25px;padding:18px 20px;border-radius:16px;background:linear-gradient(100deg,#eef0ff,#edf7ff);border:1px solid #e0e8fc}.next-step-symbol{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#fff;font-size:21px}.practice-next-step>div:nth-child(2){flex:1}.practice-next-step strong{font-size:13px;color:#293657}.practice-next-step p{margin:4px 0 0;color:#74819b;font-size:11px;line-height:1.5}.next-step-links{display:flex;flex-direction:column;gap:7px}.next-step-links a{color:#5c51d2;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}.next-step-links a:hover{text-decoration:underline}
.practice-footer{background:#fff;border-top:1px solid #e8edf5}.practice-footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:22px}.practice-footer .container>div:first-child{display:grid;gap:4px}.practice-footer b{font-size:13px;color:#293657}.practice-footer small{font-size:10px;color:#8a95a9}.practice-footer .footer-links{display:flex;gap:15px;flex-wrap:wrap}.practice-footer .footer-links a{font-size:11px;color:#64718b;text-decoration:none}.practice-footer .footer-links a:hover{color:#5b4be8}
@media(max-width:850px){.practice-hero-inner{grid-template-columns:minmax(0,1fr) 290px;gap:10px}.practice-hero h1{font-size:39px}.practice-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-guide{align-items:flex-start;flex-wrap:wrap}.guide-links{margin-left:58px}}
@media(max-width:640px){.practice-page .container{width:min(100% - 28px,520px)}.practice-page .resource-nav{min-height:auto;padding-block:12px;align-items:flex-start;flex-direction:column;gap:10px}.practice-page .resource-nav nav{width:100%;gap:3px}.practice-page .resource-nav nav a{font-size:11px;padding:8px 9px}.practice-hero-inner{display:block;min-height:0;padding-block:27px 34px}.practice-back{margin-bottom:17px}.practice-hero h1{font-size:34px;letter-spacing:-1.2px}.practice-hero-copy>p{font-size:13px;line-height:1.65}.practice-hero-art{min-height:210px;margin-top:15px}.practice-art-card{width:230px;padding:13px 16px 16px}.art-book{width:61px;height:61px;font-size:33px;margin:11px auto 8px}.art-card-title{font-size:15px}.art-progress{margin-top:13px}.orbit-one{width:240px;height:170px}.orbit-two{width:190px;height:220px}.float-star{right:calc(50% - 135px);top:6px}.float-pencil{left:calc(50% - 135px);bottom:12px}.float-check{right:calc(50% - 134px);bottom:20px}.practice-main{padding:31px 0 40px}.practice-section-heading{align-items:flex-start}.practice-section-heading h2{font-size:21px}.practice-section-heading p{font-size:11px}.practice-count{padding:8px 10px}.practice-count-number{font-size:19px}.practice-guide{padding:14px;gap:10px}.guide-icon{flex-basis:36px;height:36px;font-size:18px}.guide-copy span{font-size:10px}.guide-links{margin-left:46px}.practice-card-grid{grid-template-columns:1fr;gap:12px}.practice-quiz-card{padding:16px}.practice-quiz-card h3{font-size:15px}.practice-next-step{align-items:flex-start;padding:15px;flex-wrap:wrap}.next-step-links{width:100%;padding-left:56px;flex-direction:row;flex-wrap:wrap;gap:12px}.practice-footer .container{align-items:flex-start;flex-direction:column;gap:11px}.practice-footer .footer-links{gap:11px}}
@media(prefers-reduced-motion:reduce){.practice-page *{scroll-behavior:auto!important;transition:none!important}}