.public-learning-page.practice-test{--practice-ease:cubic-bezier(.16, 1, .3, 1);--practice-gutter:1.5rem;width:calc(100% - 2 * var(--practice-gutter));max-width:46rem;min-height:calc(100vh - var(--practice-header,77px));min-height:calc(100svh - var(--practice-header,77px));padding-block:2rem 4rem}.practice-head{margin-block-end:1.75rem}.practice-test .practice-head h1{font-size:var(--text-display);letter-spacing:-.03em;margin:0 0 .6rem;line-height:1.15}.practice-test .practice-lede{text-wrap:pretty;max-width:none;color:var(--muted);margin:0 0 1.5rem;font-size:1.0625rem;line-height:1.6}.practice-test .practice-count{font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:0 0 .55rem;line-height:1.45;display:flex}.practice-count>span:first-child{color:var(--ink);font-weight:600}.practice-segments{gap:3px;display:flex}.practice-segment{background:var(--line);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.practice-segment:after{content:"";transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.practice-segment:is(.is-open,.is-right,.is-wrong){background:var(--ink)}.practice-segment.is-right:after{background:var(--ok-line);transform:none}.practice-segment.is-wrong:after{background:var(--warn-line);transform:none}.practice-head:is(.is-running,.is-done){grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:1rem;display:grid}.practice-test .practice-head:is(.is-running,.is-done) h1{font-size:var(--text-ui);letter-spacing:0;margin:0;line-height:1.4}.practice-test .practice-head:is(.is-running,.is-done) .practice-count{justify-content:flex-end;gap:.5rem;margin:0}.practice-head:is(.is-running,.is-done) .practice-segments{grid-column:1/-1;margin-block-start:.55rem}.practice-head.is-running{top:var(--practice-header,77px);z-index:20;background:var(--paper);margin-block-end:1.5rem;padding-block:.75rem .7rem;position:sticky}.practice-head.is-done{margin-block-end:2.25rem}.practice-count-dot{color:var(--muted)}.practice-question{min-width:0}.practice-test .practice-prompt{letter-spacing:-.015em;margin:0 0 1.25rem;font-size:clamp(1.375rem,1.1rem + .9vw,1.625rem);font-weight:600;line-height:1.3}.practice-prompt:focus{outline:none}.practice-prompt:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}.practice-figure{margin:0 0 1.25rem}.practice-figure-frame{width:100%;aspect-ratio:var(--ratio);max-width:calc(33vh * var(--ratio));max-width:calc(33svh * var(--ratio));border-radius:var(--radius-panel);background:var(--surface);position:relative;overflow:hidden}.practice-figure-frame img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.practice-test .practice-credit{font-size:var(--text-meta);color:var(--muted);margin-block-start:.5rem;line-height:1.5}.practice-credit a{color:inherit}.practice-options{gap:.625rem;display:grid}.practice-test .practice-option{border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--card);width:100%;min-height:3.5rem;color:var(--ink);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;column-gap:.875rem;margin:0;padding:.75rem 1rem;font-size:1.0625rem;line-height:1.45;display:grid}.practice-letter{border:1px solid var(--border-strong);width:1.75rem;height:1.75rem;font-size:var(--text-meta);border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid}.practice-option-text{min-width:0}.practice-test .practice-option-state{font-size:var(--text-meta);white-space:nowrap;font-weight:600;line-height:1.4}@media (hover:hover){.practice-test .practice-option:not(:disabled):hover{border-color:var(--accent);background:var(--accent-tint)}.practice-option:not(:disabled):hover .practice-letter{border-color:var(--accent);color:var(--accent)}}.practice-test .practice-option:not(:disabled):active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--accent-tint));transform:translateY(1px)}.practice-test .practice-option:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.practice-test .practice-option:disabled{opacity:1;cursor:default}.practice-test .practice-option.is-correct{border-color:var(--ok-line);background:var(--ok-bg)}.practice-test .practice-option.is-incorrect{border-color:var(--warn-line);background:var(--warn-bg)}.practice-test .practice-option.is-quiet{border-color:var(--line);color:var(--muted)}.is-correct>.practice-letter{border-color:var(--accent);background:var(--accent);color:var(--card)}.is-incorrect>.practice-letter{border-color:var(--warn-line);background:var(--warn-line);color:var(--card)}.is-quiet>.practice-letter{border-color:var(--line)}.is-correct>.practice-option-state{color:var(--ok-ink)}.is-incorrect>.practice-option-state{color:var(--warn-ink)}.practice-test .practice-hint{font-size:var(--text-ui);color:var(--muted);margin:.875rem 0 0;line-height:1.5}.practice-feedback,.practice-question :is(a,button){scroll-margin-block:calc(var(--practice-header,77px) + 5rem) calc(6rem + env(safe-area-inset-bottom,0px))}.practice-question .practice-actions>button{scroll-margin-block-end:0}.practice-feedback:not(:empty){margin-block-start:1.5rem}.practice-test .practice-verdict{font-size:var(--text-read);letter-spacing:0;margin:0 0 .35rem;font-weight:600;line-height:1.4}.practice-test .practice-verdict.is-correct{color:var(--ok-ink)}.practice-test .practice-verdict.is-incorrect{color:var(--warn-ink)}.practice-test .practice-explanation{max-width:62ch;font-size:var(--text-read);color:var(--ink);margin:0 0 .75rem;line-height:1.65}.practice-test .practice-chapter{font-size:var(--text-ui);color:var(--muted);margin:0;line-height:1.6}.practice-chapter a{color:var(--ink)}.practice-actions{justify-content:space-between;align-items:center;gap:1rem;margin-block-start:1.75rem;display:flex}.practice-forward{margin-inline-start:auto}@media (width>=960px){.public-learning-page.practice-test{--practice-edge:28px;--practice-reach:min(22rem, (min(var(--practice-page,100vw), 1440px) - 46rem) / 2 - var(--practice-edge))}.practice-test .practice-question.has-figure:not([hidden]){grid-template-rows:repeat(4,auto) 1fr auto;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;column-gap:2.5rem;margin-inline-end:calc(-1 * var(--practice-reach));display:grid}.practice-question.has-figure>*{grid-column:1}.practice-test .has-figure>.practice-figure{grid-area:1/2/6;margin:0}.practice-test .has-figure>.practice-actions{grid-column:1/-1;margin-inline-end:var(--practice-reach)}.has-figure .practice-figure-frame{max-width:calc(60vh * var(--ratio));max-width:calc(60svh * var(--ratio))}.practice-head.is-running:before{content:"";z-index:-1;inset-block:0;inset-inline:0 calc(-1 * var(--practice-reach));background:var(--paper);position:absolute}}@media (width>=1101px){.public-learning-page.practice-test{--practice-edge:56px}}.practice-test .practice-score{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:0 0 .75rem;font-size:clamp(2.75rem,2rem + 3.5vw,4rem);font-weight:600;line-height:1.05}.practice-score:focus{outline:none}.practice-score:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}.practice-test .practice-share{max-width:56ch;font-size:var(--text-read);color:var(--ink);margin:0 0 1.25rem;line-height:1.6}.practice-scale{max-width:36rem;margin-block-end:3rem;padding-block-start:1.6rem;display:block;position:relative}.practice-scale-track{background:var(--line);border-radius:999px;height:.5rem;display:block;position:relative;overflow:hidden}.practice-scale-fill{width:calc(var(--share) * 100%);border-radius:inherit;background:var(--warn-line);position:absolute;inset-block:0;inset-inline-start:0}.is-passed .practice-scale-fill{background:var(--ok-line)}.practice-scale-mark{z-index:1;border-inline-start:2px solid var(--ink);height:2.15rem;position:absolute;inset-block-start:.2rem;inset-inline-start:calc(var(--pass) * 100% - 1px)}.practice-scale-mark>span{font-size:var(--text-meta);color:var(--ink);white-space:nowrap;font-weight:600;line-height:1.3;position:absolute;inset-block-start:-.15rem;inset-inline-end:.4rem}.practice-scale-ends{font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-block-start:.5rem;line-height:1.3;display:flex}.practice-test .practice-result>section>h3{font-size:var(--text-title);letter-spacing:-.01em;margin:0 0 .75rem;line-height:1.3}.practice-reading,.practice-review{margin-block-end:3rem}.practice-test .practice-subjects{border-block-start:1px solid var(--line);margin:0;padding:0;list-style:none}.practice-test .practice-subject{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.55rem 1rem;margin:0;padding:.9rem 0 1rem;display:grid}.practice-subject-name{font-size:1.0625rem;font-weight:600;line-height:1.4}.practice-subject-count{font-size:var(--text-ui);text-align:end;font-variant-numeric:tabular-nums;line-height:1.4}.practice-subject-bar{grid-column:1/-1;grid-template-columns:repeat(var(--practice-total,20), minmax(0, 1fr));gap:3px;display:grid}.practice-subject-chapters{font-size:var(--text-ui);color:var(--muted);grid-column:1/-1;line-height:1.6}.practice-subject-chapters a,.practice-scope-chapters a{color:var(--ink);padding-block:.2rem;display:inline-block}.practice-test .practice-clear{font-size:var(--text-ui);color:var(--muted);margin:0;line-height:1.6}.practice-test .practice-subjects+.practice-clear{margin-block-start:.9rem}.practice-next{margin-block-end:3rem}.practice-next .next-step{max-width:none}.practice-test .practice-review-list{border-block-start:1px solid var(--line);margin:0;padding:0;list-style:none}.practice-test .practice-review-list>li{border-block-end:1px solid var(--line);margin:0;padding:0}.practice-review-item summary{cursor:pointer;grid-template-columns:1.75rem minmax(0,1fr) auto 1.125rem;align-items:baseline;gap:.75rem;min-height:44px;padding:.8rem 0;list-style:none;display:grid}.practice-review-item summary::-webkit-details-marker{display:none}.practice-review-number{font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.practice-review-prompt{color:var(--ink);font-size:1rem;line-height:1.5}.practice-review-state{font-size:var(--text-meta);align-items:center;gap:.3rem;font-weight:600;line-height:1.5;display:inline-flex}.practice-review-state.is-correct{color:var(--ok-ink)}.practice-review-state.is-incorrect{color:var(--warn-ink)}.practice-review-chevron{color:var(--muted);align-self:center}.practice-review-item[open] .practice-review-chevron{transform:rotate(180deg)}@media (hover:hover){.practice-review-item summary:hover .practice-review-prompt{text-underline-offset:.2em;text-decoration:underline}}.practice-review-body{padding:0 0 1.1rem 2.5rem}.practice-test .practice-review-body p{max-width:62ch;margin:0 0 .5rem;font-size:1rem;line-height:1.65}.practice-test .practice-review-body .practice-chapter{font-size:var(--text-ui);margin:0}.practice-review-label{font-size:var(--text-meta);color:var(--muted);font-weight:600;line-height:1.5;display:block}.practice-closing{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.practice-test .practice-closing p{max-width:52ch;font-size:var(--text-ui);color:var(--muted);margin:0;line-height:1.6}.practice-scope{border-block-start:1px solid var(--line);margin-block-start:3rem;padding-block-start:1.5rem}.practice-test .practice-scope h2{font-size:var(--text-ui);letter-spacing:0;margin:0 0 .6rem;font-weight:600;line-height:1.4}.practice-test .practice-scope-list{gap:.35rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.practice-test .practice-scope-list li{font-size:var(--text-ui);grid-template-columns:11.5rem minmax(0,1fr);gap:1rem;margin:0;padding:0;line-height:1.6;display:grid}.practice-scope-name{color:var(--ink);padding-block:.2rem}.practice-scope-chapters{color:var(--muted)}.practice-test .practice-honest{font-size:var(--text-ui);color:var(--muted);margin:0;line-height:1.6}.practice-honest a{color:var(--ink)}.practice-test .practice-storage{font-size:var(--text-meta);color:var(--muted);margin:1.5rem 0 0}@media (prefers-reduced-motion:no-preference){.practice-test .is-arriving{animation:practice-arrive .22s var(--practice-ease) backwards}.practice-segment:after{transition:transform .32s var(--practice-ease)}.practice-test .practice-option{transition:border-color .15s,background-color .15s,color .15s}}@keyframes practice-arrive{0%{opacity:0;transform:translateY(8px)}}@media (width>=800px){.public-learning-page.practice-test{padding-block-start:2.75rem}.practice-test .practice-head h1{font-size:var(--text-page)}}@media (width<=639px){.public-learning-page.practice-test{padding-block-start:1.25rem}.practice-head.is-running{grid-template-columns:minmax(0,1fr);margin-block-end:1.25rem;padding-block:.6rem .65rem}.practice-test .practice-head.is-running h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.practice-test .practice-head.is-running .practice-count{justify-content:space-between}.practice-head.is-running .practice-count-dot{display:none}.practice-segments,.practice-subject-bar{gap:2px}.practice-test .practice-option{grid-template-columns:1.75rem minmax(0,1fr);padding:.75rem .875rem;font-size:1rem}.practice-option>.practice-letter{grid-row:1/span 2}.practice-option>.practice-option-state{grid-column:2;margin-block-start:.1rem}.practice-actions.is-settled{z-index:10;margin-inline:calc(-1 * var(--practice-gutter));padding:.75rem var(--practice-gutter) calc(.75rem + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--line);background:var(--paper);position:sticky;bottom:0}.practice-actions.is-settled .practice-forward{flex:1}.practice-test .practice-subject{column-gap:.75rem}.practice-review-body{padding-inline-start:0}.practice-test .practice-scope-list li{grid-template-columns:minmax(0,1fr);gap:0}.practice-closing .btn-secondary{width:100%}}@media (width<=480px){.public-learning-page.practice-test{--practice-gutter:1.125rem}}
