.quiz{--quiz-accent:var(--color-brand);--quiz-accent-hover:var(--color-brand-hover);--quiz-accent-subtle:var(--color-brand-subtle);margin-block-start:calc(var(--spacing) * 8);scroll-margin-block-start:calc(var(--spacing) * 4)}.quiz[data-accent=accent]{--quiz-accent:var(--color-accent);--quiz-accent-hover:var(--color-accent-hover);--quiz-accent-subtle:var(--color-accent-subtle)}.quiz [hidden]{display:none}.quiz-noscript{border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);color:var(--color-ink-muted)}.quiz-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background-color:var(--color-surface);box-shadow:var(--shadow-card);padding:calc(var(--spacing) * 5)}@media (width>=40rem){.quiz-card{padding:calc(var(--spacing) * 7)}}.quiz-start{align-items:center;gap:calc(var(--spacing) * 5);text-align:center;flex-direction:column;display:flex}.quiz-medallion{border-radius:var(--radius-full);background-color:var(--quiz-accent-subtle);color:var(--quiz-accent);flex:none;place-items:center;display:grid}.quiz-medallion--lg{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.quiz-medallion--sm{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.quiz-medallion__icon{width:55%;height:55%}.quiz-pills{justify-content:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;list-style:none;display:flex}.quiz-pills li{border:1px solid var(--color-line);border-radius:var(--radius-full);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 3);font-size:var(--text-sm);color:var(--color-ink-muted)}.quiz-button{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 12);border-radius:var(--radius-full);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 7);font-family:var(--font-display);font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.quiz-button--primary{background-color:var(--quiz-accent);color:var(--color-ink-on-brand);border:1px solid #0000}.quiz-button--primary:hover{background-color:var(--quiz-accent-hover);color:var(--color-ink-on-brand)}.quiz-button--secondary{border:1px solid var(--color-line-strong);color:var(--color-ink);background-color:#0000}.quiz-button--secondary:hover{background-color:var(--color-surface-raised);color:var(--color-ink)}.quiz-actions{gap:calc(var(--spacing) * 3);flex-direction:column;margin-block-start:calc(var(--spacing) * 6);display:flex}.quiz-actions .quiz-button{width:100%}@media (width>=40rem){.quiz-actions{flex-flow:wrap}.quiz-actions .quiz-button{width:auto}}.quiz-head{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 3);font-size:var(--text-sm);color:var(--color-ink-muted);display:flex}.quiz-score{font-variant-numeric:tabular-nums;color:var(--color-success)}.quiz-track{height:calc(var(--spacing) * 1.5);border-radius:var(--radius-full);background-color:var(--color-surface-raised);margin-block-start:calc(var(--spacing) * 2);overflow:hidden}.quiz-bar{border-radius:var(--radius-full);background-color:var(--quiz-accent);width:0;height:100%;transition:width .3s ease-out}.quiz-emoji{font-size:calc(var(--spacing) * 16);text-align:center;margin-block-start:calc(var(--spacing) * 5);line-height:1;display:block}.quiz-fieldset{border:0;margin-block-start:calc(var(--spacing) * 5);padding:0}.quiz-legend{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;text-wrap:balance;font-weight:700}.quiz-options{gap:calc(var(--spacing) * 2.5);flex-direction:column;margin-block-start:calc(var(--spacing) * 4);display:flex}.quiz-option{align-items:center;gap:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 14);border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);cursor:pointer;transition:border-color .15s,background-color .15s,opacity .15s;display:flex;position:relative}.quiz-option input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.quiz-marker{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);border:1px solid var(--color-line-strong);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink-muted);flex:none;place-items:center;font-weight:700;transition:border-color .15s,background-color .15s,color .15s;display:grid}.quiz-option:hover:not([data-state]){border-color:var(--quiz-accent)}.quiz-option:has(input:checked):not([data-state]){border-color:var(--quiz-accent);background-color:var(--quiz-accent-subtle)}.quiz-option:has(input:checked):not([data-state]) .quiz-marker{border-color:var(--quiz-accent);background-color:var(--quiz-accent);color:var(--color-ink-on-brand)}.quiz-option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.quiz-option[data-state]{cursor:default}.quiz-option[data-state=correct]{border-color:var(--color-success);background-color:color-mix(in srgb, var(--color-success) 12%, transparent)}.quiz-option[data-state=correct] .quiz-marker{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-ink-on-brand)}.quiz-option[data-state=wrong]{border-color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 12%, transparent)}.quiz-option[data-state=wrong] .quiz-marker{border-color:var(--color-danger);background-color:var(--color-danger);color:var(--color-ink-on-brand)}.quiz-option[data-state=dim]{opacity:.5}.quiz-feedback:not(:empty){border-inline-start:3px solid var(--color-line-strong);margin-block-start:calc(var(--spacing) * 5);padding-inline-start:calc(var(--spacing) * 4)}.quiz-feedback[data-correct=true]:not(:empty){border-inline-start-color:var(--color-success)}.quiz-feedback[data-correct=false]:not(:empty){border-inline-start-color:var(--color-danger)}.quiz-verdict{font-family:var(--font-display);font-weight:700}.quiz-feedback[data-correct=true] .quiz-verdict{color:var(--color-success)}.quiz-feedback[data-correct=false] .quiz-verdict{color:var(--color-danger)}.quiz-explanation{margin-block-start:calc(var(--spacing) * 1)}.quiz-term{font-weight:700}.quiz-example{color:var(--color-ink-muted);margin-block-start:calc(var(--spacing) * 2);font-style:italic}.quiz-more,.quiz-tag-link{color:var(--quiz-accent)}.quiz-more:hover,.quiz-tag-link:hover{color:var(--quiz-accent-hover)}.quiz-more{font-size:var(--text-sm);margin-block-start:calc(var(--spacing) * 2);font-weight:600;display:inline-block}.quiz-error:not(:empty){font-size:var(--text-sm);color:var(--color-danger);margin-block-start:calc(var(--spacing) * 3)}.quiz-result{text-align:center}.quiz-ring{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36);place-items:center;margin-inline:auto;display:grid;position:relative}.quiz-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.quiz-ring__track{fill:none;stroke:var(--color-surface-raised);stroke-width:10px}.quiz-ring__value{fill:none;stroke:var(--quiz-accent);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .7s ease-out}.quiz-ring__label{font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;position:relative}.quiz-ring__label small{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-ink-muted);font-weight:400;display:block}.quiz-band{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--quiz-accent);text-wrap:balance;margin-block-start:calc(var(--spacing) * 5);font-weight:800;display:inline-block}.quiz-band-text{color:var(--color-ink-muted);text-wrap:pretty;margin-block-start:calc(var(--spacing) * 2)}.quiz-review{text-align:start;margin-block-start:calc(var(--spacing) * 8)}.quiz-review h3{font-size:var(--text-lg)}.quiz-review ul{gap:calc(var(--spacing) * 2);flex-direction:column;margin-block-start:calc(var(--spacing) * 3);list-style:none;display:flex}.quiz-review a{align-items:baseline;gap:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 12);border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);color:var(--color-ink);text-decoration:none;transition:border-color .15s;display:flex}.quiz-review a:hover{border-color:var(--quiz-accent);color:var(--color-ink)}.quiz-review__term{font-weight:700}.quiz-review__gloss{font-size:var(--text-sm);color:var(--color-ink-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.quiz-review__arrow{color:var(--quiz-accent);flex:none}.quiz-next{align-items:center;gap:calc(var(--spacing) * 4);border:1px solid var(--quiz-accent);border-radius:var(--radius-lg);background-color:var(--quiz-accent-subtle);padding:calc(var(--spacing) * 4);text-align:start;margin-block-start:calc(var(--spacing) * 8);text-decoration:none;transition:background-color .15s;display:flex}.quiz-next:hover{background-color:color-mix(in srgb, var(--quiz-accent) 18%, transparent)}.quiz-next__body{flex:1}.quiz-next__eyebrow{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--quiz-accent);font-weight:600;display:block}.quiz-next__title{font-family:var(--font-display);color:var(--color-ink);text-wrap:balance;margin-block-start:calc(var(--spacing) * 1);font-weight:700;display:block}.quiz-next__arrow{font-size:var(--text-lg);color:var(--quiz-accent);flex:none;margin-inline-start:auto}.quiz-tag-link{font-size:var(--text-sm);margin-block-start:calc(var(--spacing) * 6);font-weight:600;display:inline-block}.quiz-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}