.quiz-shell{width:min(100%,32rem);margin:0 auto}.quiz-fade{transition:opacity .15s ease}.quiz-fade-in{opacity:1}.quiz-fade-out{opacity:0;transition-duration:.1s}.quiz-landing{max-width:36rem;margin:0 auto;text-align:center}.ready-landing-button-row{margin-bottom:2rem;text-align:left}.quiz-landing h1{margin:0 0 1rem;font-family:var(--font-mono);font-size:1.5rem;line-height:1.3}.quiz-landing p{margin:0 0 2rem;color:var(--color-text-muted)}.quiz-progress-bar{display:flex;gap:2px;margin-bottom:2rem;padding:3px;background:#c0c0c0;border-color:#808080 #fff #fff #808080;border-style:solid;border-width:2px;box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf}.quiz-progress-segment{flex:1;height:12px;background:#c0c0c0}.quiz-progress-segment.filled{background:#00007b}.quiz-screen{text-align:center}.quiz-question{margin:0 0 1.5rem;font-family:var(--font-mono);font-weight:700;font-size:1.125rem;line-height:1.4}.quiz-name-row{display:flex;gap:.75rem}.quiz-name-row .quiz-input{flex:1}.quiz-input{width:100%;margin-bottom:.75rem;padding:.5rem .75rem;border:1px solid var(--color-text);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.625;outline:none}.quiz-input:focus{outline:2px solid var(--color-link);outline-offset:1px}.quiz-input::placeholder{color:var(--color-text-muted)}.quiz-privacy-note{margin:.25rem 0 .5rem;font-size:.75rem;line-height:1.4}.quiz-error,.quiz-privacy-note{color:var(--color-text-muted);text-align:center}.quiz-error{margin:.75rem 0 0;font-size:.875rem}.quiz-answers{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.quiz-answer-btn{font-family:inherit;border:none;outline:1px dotted rgb(37,37,37);outline-offset:-4px;cursor:pointer;background:var(--color-back-btn);color:var(--color-text);text-decoration:none;box-shadow:inset -1px -1px #292929,inset 1px 1px #fff,inset -2px -2px rgb(158,158,158),inset 2px 2px #ffffff;font-size:14px;text-transform:uppercase;letter-spacing:2px;padding:8px 24px;min-width:5rem;min-height:36px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}.quiz-answer-btn.selected,.quiz-answer-btn:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #292929,inset -2px -2px #ffffff,inset 2px 2px rgb(158,158,158)}.quiz-answer-btn:hover{opacity:.85}.quiz-answers-mc{gap:.5rem;margin-bottom:1.5rem}.quiz-answers-mc,.quiz-mc-btn{display:flex;flex-direction:column}.quiz-mc-btn{width:100%;padding:.75rem 1rem;border:1px solid var(--color-text);background:var(--color-bg);color:var(--color-text);cursor:pointer;gap:.125rem;text-align:left}.quiz-mc-btn:focus-visible,.quiz-mc-btn:hover{outline:2px solid var(--color-link);outline-offset:1px}.quiz-mc-btn.selected{background:var(--color-text);color:var(--color-bg)}.quiz-mc-label{font-size:.875rem;font-weight:700;line-height:1.4}.quiz-mc-examples{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.quiz-mc-btn.selected .quiz-mc-examples{color:#e0e0e0}.quiz-nav-row{display:flex;gap:.75rem;justify-content:center}.quiz-full-button,.quiz-inline-button{position:static}.quiz-full-button{width:100%}.quiz-full-button:disabled,.quiz-inline-button:disabled,.quiz-mc-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-tooltip-wrap{position:relative;display:inline-flex;margin-left:.25rem;vertical-align:baseline}.quiz-tooltip-icon{width:18px;height:18px;border:1px solid var(--color-text);border-radius:999px;background:var(--color-bg);cursor:help;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.quiz-tooltip-icon,.quiz-tooltip-text{color:var(--color-text);font-family:var(--font-sans);font-size:.75rem}.quiz-tooltip-text{position:fixed;left:50%;top:50%;z-index:100;width:min(20rem,calc(100vw - 2rem));transform:translate(-50%,-50%);padding:.75rem 1rem;background:#ffffe1;border:1px solid var(--color-text);font-weight:400;line-height:1.4;text-align:center}.quiz-confirmation{margin:0 auto}@media (max-width:28rem){.quiz-landing h1,.quiz-question{font-size:1rem}.quiz-answers,.quiz-name-row,.quiz-nav-row{flex-direction:column}.quiz-answer-btn,.quiz-inline-button{width:100%}}