.question{--question-ink:var(--color-text,#162033);--question-muted:var(--color-muted-text,#526079);--question-paper:var(--color-surface,#fff);--question-line:var(--color-border,#aab7cc);--question-accent:var(--color-accent,#2563eb);--question-accent-ink:var(--color-accent-foreground,#fff);min-height:100vh;color:var(--question-ink);background:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--question-accent) 11%, transparent), transparent 31rem), var(--color-background,#f6f8fc);padding:clamp(1rem,4vw,3rem);font-family:Avenir Next,Noto Sans KR,system-ui,sans-serif}.question__shell{width:min(100%,62rem);margin-inline:auto}.question__header,.question__toolbar,.question__editor-header,.question__editor-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.question__header{margin-block-end:1.5rem}.question__eyebrow{color:var(--question-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .3rem;font-size:.76rem;font-weight:800}.question h1,.question h2,.question h3,.question p{margin-block:0}.question h1{letter-spacing:-.055em;max-width:38rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,4.4rem);line-height:.98}.question h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,4vw,2.6rem);line-height:1.08}.question button,.question input,.question select,.question textarea{font:inherit}.question button{border:1px solid var(--question-line);color:var(--question-ink);background:var(--question-paper);cursor:pointer;border-radius:.75rem;transition:transform .14s,border-color .14s,background-color .14s,box-shadow .14s}.question button:hover:not(:disabled){border-color:var(--question-accent);transform:translateY(-1px)}.question button:focus-visible,.question input:focus-visible,.question select:focus-visible,.question textarea:focus-visible{outline:3px solid var(--color-focus,#b45309);outline-offset:3px}.question button:disabled{cursor:not-allowed;opacity:.52}.question__back,.question__reset,.question__add,.question__remove{padding:.65rem .9rem;font-weight:700}.question__score{border:1px solid color-mix(in srgb, var(--question-accent) 40%, var(--question-line));min-height:2.4rem;color:var(--question-accent-ink);background:var(--question-accent);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.9rem;font-weight:800;display:inline-flex}.question__progress{background:color-mix(in srgb, var(--question-line) 48%, transparent);border-radius:999px;height:.45rem;margin-block-end:1rem;overflow:hidden}.question__progress>span{border-radius:inherit;background:var(--question-accent);height:100%;transition:width .24s;display:block}.question__card,.question__results,.question__editor,.question__preview{border:1px solid var(--question-line);background:color-mix(in srgb, var(--question-paper) 93%, transparent);box-shadow:.5rem .6rem 0 color-mix(in srgb, var(--question-accent) 11%, transparent);border-radius:1.35rem}.question__preview>.question{background:0 0;min-height:auto;padding:0}.question__preview>.question .question__shell{width:100%}.question__preview>.question .question__header{margin-block-end:1rem}.question__preview>.question .question__header h1{font-size:clamp(1.6rem,4vw,2.6rem)}.question__card,.question__results{padding:clamp(1.25rem,4vw,2.7rem)}.question__prompt{margin-block:.65rem 1.5rem}.question__choices{border:0;gap:.75rem;margin:0;padding:0;display:grid}.question__choices legend{width:100%;color:var(--question-muted);margin-block-end:.65rem;font-size:.9rem;font-weight:700}.question__choice{text-align:start;grid-template-columns:2.1rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:4rem;padding:.7rem .9rem;display:grid}.question__choice[aria-checked=true]{border-color:var(--question-accent);color:var(--question-accent-ink);background:var(--question-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--question-accent) 23%, transparent)}.question__choice-mark{border:1px solid;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:900;display:grid}.question__choice-text{overflow-wrap:anywhere;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:700}.question__selection-status{min-height:1.5rem;color:var(--question-muted);margin-block:1rem 0;font-size:.9rem;font-weight:700}.question__feedback{border-inline-start:.35rem solid var(--question-accent);color:var(--question-ink);background:color-mix(in srgb, var(--question-accent) 10%, var(--question-paper));gap:.25rem;margin-block-start:1rem;padding:.75rem 1rem;display:grid}.question__feedback span{color:var(--question-muted)}.question__actions{justify-content:flex-end;gap:.75rem;margin-block-start:1.5rem;display:flex}.question__primary{border-color:var(--question-accent);color:var(--question-accent-ink);background:var(--question-accent);padding:.8rem 1.15rem;font-weight:800}.question__results{text-align:center}.question__results-score{margin-block:1rem 1.5rem;font-size:clamp(1.35rem,3vw,2rem);font-weight:800}.question-studio{min-height:100vh;color:var(--question-ink);background:var(--color-background,#f6f8fc);padding:clamp(1rem,4vw,3rem)}.question-studio__shell{grid-template-columns:minmax(16rem,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1rem,3vw,2rem);width:min(100%,76rem);margin-inline:auto;display:grid}.question__editor,.question__preview{min-width:0;padding:clamp(1rem,3vw,1.7rem)}.question__editor-header{align-items:flex-start;margin-block-end:1rem}.question__editor-header h1{font-size:clamp(1.55rem,3vw,2.4rem)}.question__field,.question__question-editor{gap:.4rem;display:grid}.question__field{margin-block-end:1rem}.question__field label,.question__question-editor legend{color:var(--question-muted);font-size:.82rem;font-weight:800}.question__field input,.question__field select,.question__field textarea{border:1px solid var(--question-line);width:100%;min-width:0;color:var(--question-ink);background:var(--question-paper);border-radius:.65rem;padding:.7rem .75rem}.question__field textarea{resize:vertical;min-height:4.8rem}.question__question-editor{border:1px solid var(--question-line);border-radius:.9rem;margin:0 0 1rem;padding:1rem}.question__choices-editor{gap:.7rem;display:grid}.question__choice-editor{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.question__choice-editor input{min-width:0}.question__choice-editor select{min-width:6.5rem}.question__editor-actions{flex-wrap:wrap;justify-content:flex-start}.question__validation{border-inline-start:.3rem solid var(--color-danger,#b91c1c);color:var(--color-danger,#b91c1c);background:color-mix(in srgb, var(--color-danger,#b91c1c) 8%, transparent);margin-block:0 1rem;padding:.75rem .9rem;font-weight:700}@media (width<=58rem){.question-studio__shell{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.question button,.question__progress>span{transition:none}}
