/* Canonical Practice Tests learner UI owner — v20C55 */
.practice-shell,.practice-workspace,.practice-topbar{--practice-ink:var(--t24-color-text,#172033);--practice-muted:var(--t24-color-text-muted,#526171);--practice-line:var(--t24-color-border,#d8dee8);--practice-surface:var(--t24-color-surface,#fff);--practice-soft:var(--t24-color-surface-soft,#f6f8fb);--practice-primary:var(--t24-color-primary,#0b57d0);--practice-primary-soft:var(--t24-color-primary-soft,#eef4ff);--practice-success:var(--t24-color-success,#16794a);--practice-success-soft:var(--t24-color-success-soft,#eaf7f0);--practice-warning:var(--t24-color-warning,#8a5a00);--practice-warning-soft:#fff8e6;--practice-danger:var(--t24-color-danger,#b42318);--practice-danger-soft:var(--t24-color-danger-soft,#fff1f2);color:var(--practice-ink)}
.practice-shell{max-width:1180px;margin:0 auto;padding:2rem 1rem 3rem}
.practice-shell :focus-visible,.practice-topbar :focus-visible{outline:3px solid var(--t24-color-focus,#1d4ed8);outline-offset:3px}
.practice-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#174f2a}.practice-heading{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.045em;font-weight:850;margin:.45rem 0 .75rem}.practice-lead{font-size:1.05rem;line-height:1.6;color:var(--practice-muted);max-width:720px}
.practice-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border-radius:10px;border:1px solid #b8c4bc;background:#fff;color:#26333f;text-decoration:none;font-weight:780;cursor:pointer}.practice-btn:hover{background:#f6f8f7}.practice-btn--primary{background:var(--practice-primary);border-color:var(--practice-primary);color:#fff}.practice-btn--primary:hover{background:#0948ab;border-color:#0948ab;color:#fff}.practice-btn--danger{border-color:#d5a29e;color:#8f1e17;background:#fff}.practice-btn--compact{min-height:38px;padding:.45rem .8rem;font-size:.9rem}
/* Discovery / start */
.practice-launch{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1.25rem;align-items:start}.practice-launch-copy{position:sticky;top:1rem;padding:1.3rem 1rem 1rem 0}.practice-launch-panel{border:1px solid var(--practice-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(23,32,51,.07);overflow:hidden}.practice-launch-panel__head{padding:1.25rem 1.35rem;background:#f3f7f4;border-bottom:1px solid var(--practice-line)}.practice-launch-panel__head h2{font-size:1.28rem;font-weight:830;margin:.25rem 0 .35rem}.practice-launch-panel__head p{color:var(--practice-muted);margin:0;line-height:1.55}.practice-launch-panel__body{padding:1.35rem}.practice-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.practice-field label{display:block;font-size:.8rem;font-weight:800;color:#334155;margin-bottom:.4rem}.practice-control{width:100%;min-height:44px;border:1px solid #bdc8d3;border-radius:10px;background:#fff;padding:.65rem .75rem;color:var(--practice-ink)}
.practice-selected{border:1px solid #cad9ec;border-radius:16px;background:#f5f8fd;padding:1rem}.practice-selected h3{font-size:1.08rem;font-weight:830;margin:.2rem 0}.practice-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.practice-chip{display:inline-flex;align-items:center;min-height:28px;border:1px solid #d6e0ea;background:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;color:#334155}.practice-help{font-size:.86rem;color:var(--practice-muted);line-height:1.5}.practice-accommodations{border:1px solid var(--practice-line);border-radius:16px;padding:1rem;margin-top:1rem}.practice-accommodations legend{font-size:.86rem;font-weight:830;padding:0 .35rem}.practice-accommodations__grid{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:1rem;align-items:end}.practice-toggle-list{display:grid;gap:.6rem}
.practice-library{margin-top:2.2rem;border-top:1px solid var(--practice-line);padding-top:1.7rem}.practice-library__head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.practice-library__head h2{font-size:1.45rem;font-weight:840;letter-spacing:-.025em;margin:.2rem 0}.practice-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.practice-template{display:flex;flex-direction:column;min-height:210px;border:1px solid var(--practice-line);border-radius:16px;background:#fff;padding:1rem}.practice-template h3{font-size:1.02rem;font-weight:820;margin:.25rem 0}.practice-template p{color:var(--practice-muted);font-size:.84rem;line-height:1.5}.practice-template__action{margin-top:auto;padding-top:.9rem}
/* Active attempt */
.practice-topbar{position:sticky;top:0;z-index:1020;background:color-mix(in srgb,var(--t24-color-surface,#fff) 96%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--t24-color-border,#d8dee8)}.practice-topbar__inner{max-width:1440px;margin:0 auto;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.practice-topbar__title a{font-size:.78rem;text-decoration:none;font-weight:740}.practice-topbar__title h1{font-size:1.04rem;font-weight:820;margin:.15rem 0 0}.practice-topbar__status{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.practice-status-item{font-size:.82rem;color:#344152}.practice-timer{display:inline-flex;min-height:34px;align-items:center;border-radius:9px;padding:.35rem .6rem;background:#172033;color:#fff;font-weight:820;font-variant-numeric:tabular-nums}.practice-timer.text-bg-danger{background:#a51d15!important}.practice-save-state{min-width:120px;font-size:.78rem;color:var(--practice-muted);text-align:right}
.practice-workspace{max-width:1440px;margin:0 auto;padding:1.25rem 1rem 3rem}.practice-workspace-grid{display:grid;grid-template-columns:minmax(220px,.26fr) minmax(0,.74fr);gap:1rem;align-items:start}.practice-nav{position:sticky;top:82px;border:1px solid var(--practice-line);border-radius:16px;background:#fff;padding:1rem}.practice-nav h2{font-size:.95rem;font-weight:820;margin:0 0 .7rem}.practice-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.practice-nav-btn{min-height:40px;border:1px solid var(--practice-line);background:#fff;color:var(--practice-ink);border-radius:9px;font-weight:760}.practice-nav-btn.is-answered{background:var(--practice-success-soft);border-color:var(--practice-success)}.practice-nav-btn.is-flagged{box-shadow:inset 0 -4px var(--practice-warning)}.practice-nav-btn.is-current{outline:3px solid color-mix(in srgb,var(--t24-color-focus,#0b57d0) 20%,transparent);border-color:var(--t24-color-focus,#0b57d0)}.practice-nav__facts{display:grid;gap:.45rem;border-top:1px solid var(--practice-line);margin-top:1rem;padding-top:.9rem}.practice-nav__fact{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}.practice-nav__fact dt{color:var(--practice-muted);font-weight:650}.practice-nav__fact dd{font-weight:780;margin:0;text-align:right}.practice-instructions{margin-top:.8rem;padding:.75rem;border-radius:10px;background:var(--practice-soft);font-size:.8rem;line-height:1.5;color:#3e4b58}
.practice-question-list{display:grid;gap:1rem}.practice-question{scroll-margin-top:110px;border:1px solid var(--practice-line);border-radius:18px;background:#fff;padding:1.35rem}.practice-question__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.practice-question__eyebrow{font-size:.78rem;color:#174f2a;font-weight:830}.practice-skill{display:inline-flex;margin-top:.35rem;border-radius:999px;border:1px solid #d7e2dc;background:#f7faf8;padding:.2rem .55rem;font-size:12px;color:#42505d}.practice-question__tools{display:flex;gap:.5rem;flex-wrap:wrap}.practice-tool{display:inline-flex;align-items:center;min-height:36px;border:1px solid #c7d0da;border-radius:9px;background:#fff;padding:.35rem .65rem;font-size:.78rem;font-weight:720;color:#334155}.practice-tool--flag{border-color:#d9bf83;color:#6d4700}.practice-question h2{font-size:1.18rem;font-weight:820;line-height:1.5;margin:0 0 1rem}.practice-options{display:grid;gap:.65rem}.practice-option{display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--practice-line);border-radius:12px;padding:.9rem;cursor:pointer;transition:.15s ease;background:#fff}.practice-option:hover,.practice-option:has(input:checked){border-color:var(--practice-primary);background:var(--practice-primary-soft)}.practice-question__nav{display:flex;justify-content:space-between;gap:.7rem;margin-top:1rem}.practice-question__nav button{min-height:40px;border-radius:9px;border:1px solid #bdc8d3;background:#fff;padding:.45rem .8rem;font-weight:720}.practice-question__nav .next-question{border-color:#91afd9;color:#0b4fa8}.practice-question__nav button:disabled{opacity:.45}
.practice-tools{position:sticky;bottom:1rem;z-index:1010;margin-top:1rem;border:1px solid #cbd8e8;border-radius:16px;background:#f8fbff;box-shadow:0 10px 28px rgba(23,32,51,.1);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.practice-tools__copy strong{display:block}.practice-tools__copy span{font-size:.8rem;color:var(--practice-muted)}.practice-tools__actions{display:flex;gap:.6rem;flex-wrap:wrap}.practice-reduced .practice-secondary,.practice-reduced .site-footer{display:none!important}.practice-reduced .practice-workspace-grid{grid-template-columns:1fr}
/* Review */
.practice-result-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:1rem;border:1px solid #d6e3da;border-radius:22px;background:#f3f8f4;padding:1rem;margin-bottom:1.3rem}.practice-result-main{border:1px solid #dbe6de;border-radius:17px;background:#fff;padding:1.35rem}.practice-result-main h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:860;letter-spacing:-.05em;margin:.35rem 0 .3rem}.practice-result-main p{color:var(--practice-muted);line-height:1.5}.practice-rating{display:inline-flex;border-radius:999px;background:#eaf4ed;color:#174f2a;padding:.3rem .65rem;font-size:.76rem;font-weight:820}.practice-result-side{border-radius:17px;background:#173b28;color:#fff;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.practice-result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.practice-result-metric{border-left:1px solid rgba(255,255,255,.25);padding-left:.7rem}.practice-result-metric:first-child{border-left:0;padding-left:0}.practice-result-metric strong{display:block;font-size:1.35rem}.practice-result-metric span{font-size:12px;color:#d8e9dc}.practice-focus{border-top:1px solid #e0e7e2;margin-top:1rem;padding-top:1rem;color:#344152}.practice-result-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.practice-review-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:1.5rem 0 .85rem}.practice-review-head h2{font-size:1.35rem;font-weight:840;margin:.15rem 0}.practice-review-head p{font-size:.88rem;color:var(--practice-muted);margin:0}.practice-filter-group{display:flex;gap:.35rem;flex-wrap:wrap}.review-filter{min-height:38px;border:1px solid #b8c7d8;border-radius:9px;background:#fff;color:#204060;padding:.4rem .7rem;font-weight:720}.review-filter.is-active{background:var(--practice-primary);color:#fff;border-color:var(--practice-primary)}.practice-review-list{display:grid;gap:.8rem}.review-card{border:1px solid var(--practice-line);border-radius:16px;background:#fff;padding:1.1rem}.review-card__head{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.75rem}.review-card h3{font-size:1.05rem;font-weight:810;line-height:1.5;margin:0 0 .85rem}.practice-state{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:12px;font-weight:820}.practice-state--correct{background:var(--practice-success-soft);color:#125c39}.practice-state--review{background:var(--practice-danger-soft);color:#8b1d16}.practice-state--flag{background:var(--practice-warning-soft);color:#6d4700}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.answer-option{border:1px solid var(--practice-line);border-radius:10px;padding:.7rem;font-size:.84rem}.answer-option.is-correct{border-color:var(--practice-success);background:var(--practice-success-soft)}.answer-option.is-selected-wrong{border-color:var(--practice-danger);background:var(--practice-danger-soft)}.practice-answer-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:#3d4a57;margin-top:.8rem}.practice-explanation{margin-top:.8rem;border-left:3px solid #7a9bc7;background:#f7f9fc;padding:.8rem .9rem;font-size:.85rem;line-height:1.55}.practice-solutions{margin-top:1.8rem;border-top:1px solid var(--practice-line);padding-top:1.25rem}.practice-solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.practice-solution{display:flex;flex-direction:column;border:1px solid var(--practice-line);border-radius:14px;padding:.9rem}.practice-solution h3{font-size:.92rem;font-weight:810;margin:.2rem 0}.practice-solution p{font-size:.78rem;color:var(--practice-muted);line-height:1.45}.practice-solution a{margin-top:auto}
/* History */
.practice-history-hero{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.practice-history-hero h1{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:850;letter-spacing:-.04em;margin:.25rem 0}.practice-stat-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--practice-line);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:1rem}.practice-stat{padding:1rem;border-left:1px solid var(--practice-line)}.practice-stat:first-child{border-left:0}.practice-stat span{display:block;font-size:12px;color:var(--practice-muted)}.practice-stat strong{display:block;margin-top:.2rem;font-size:1.45rem}.practice-history-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:1rem}.practice-ledger,.practice-skill-evidence{border:1px solid var(--practice-line);border-radius:16px;background:#fff;overflow:hidden}.practice-section-head{padding:1rem 1.1rem;border-bottom:1px solid var(--practice-line)}.practice-section-head h2{font-size:1rem;font-weight:830;margin:0}.practice-section-head p{font-size:.78rem;color:var(--practice-muted);margin:.2rem 0 0}.practice-attempt{display:grid;grid-template-columns:minmax(0,1.3fr) auto auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border-top:1px solid #e8ecef}.practice-attempt:first-of-type{border-top:0}.practice-attempt__title strong{display:block}.practice-attempt__title span,.practice-attempt__meta{font-size:.78rem;color:var(--practice-muted)}.practice-attempt__meta{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.2rem}.practice-attempt__score{font-size:1.05rem;font-weight:820;text-align:right}.practice-attempt__actions{display:flex;justify-content:flex-end}.practice-empty{padding:2rem 1rem;text-align:center;color:var(--practice-muted)}.practice-skill-evidence__body{padding:1rem}.practice-skill-row{padding:.75rem 0;border-top:1px solid #e8ecef}.practice-skill-row:first-child{border-top:0}.practice-skill-row__head{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem}.practice-progress{height:7px;background:#e9eef3;border-radius:999px;overflow:hidden;margin:.45rem 0}.practice-progress span{display:block;height:100%;background:var(--practice-primary)}
@media(max-width:1050px){.practice-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.practice-launch,.practice-result-hero,.practice-history-grid,.practice-workspace-grid{grid-template-columns:1fr}.practice-launch-copy{position:static;padding-right:0}.practice-nav{position:static}.practice-nav-grid{grid-template-columns:repeat(10,minmax(42px,1fr));overflow-x:auto}.practice-topbar__inner{align-items:flex-start}.practice-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-stat:nth-child(4){border-left:0;border-top:1px solid var(--practice-line)}.practice-stat:nth-child(5){border-top:1px solid var(--practice-line)}.practice-attempt{grid-template-columns:minmax(0,1fr) auto}.practice-attempt__actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:620px){.practice-shell{padding:1.25rem .75rem 2rem}.practice-fields,.practice-accommodations__grid,.answer-grid,.practice-catalog,.practice-solutions-grid{grid-template-columns:1fr}.practice-library__head,.practice-history-hero,.practice-review-head,.practice-tools,.practice-topbar__inner{align-items:stretch;flex-direction:column}.practice-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-stat:nth-child(3),.practice-stat:nth-child(5){border-left:0}.practice-stat:nth-child(3){border-top:1px solid var(--practice-line)}.practice-stat:nth-child(4){border-left:1px solid var(--practice-line)}.practice-result-metrics{grid-template-columns:1fr}.practice-result-metric{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:.55rem 0 0}.practice-result-metric:first-child{border-top:0;padding-top:0}.practice-attempt{grid-template-columns:1fr}.practice-attempt__score{text-align:left}.practice-btn,.practice-tools__actions .practice-btn{width:100%}.practice-topbar__status{justify-content:flex-start}.practice-save-state{text-align:left}.practice-question{padding:1rem}.practice-question__head{flex-direction:column}.practice-question__tools{width:100%}.practice-tools{position:static}}
.practice-secondary,.practice-workspace-main{min-width:0}.practice-nav-grid{max-width:100%}
