.quiz-examples,.app-status-overview{margin:2.5rem 0}.quiz-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.quiz-tab{border:1px solid #8ba4b0;background:transparent;color:inherit;padding:.55rem .9rem;border-radius:8px;cursor:pointer;font:inherit}.quiz-tab[aria-pressed=true]{background:#168ab0;color:#fff;border-color:#168ab0}.quiz-tab:focus-visible{outline:3px solid #edab32;outline-offset:2px}.quiz-monitor{max-width:960px;margin:1.2rem auto 2rem}.quiz-display{aspect-ratio:1224/688;overflow:hidden;border:8px solid #1b252a;border-radius:10px;background:#641521 url('/assets/images/quiz-preview/background.webp') center/cover;box-shadow:0 8px 20px #0003;color:white;container-type:inline-size;position:relative;font-family:Arial,sans-serif}.quiz-neck,.quiz-foot{display:none}.quiz-header{height:9%;padding:1.7% 1.7%;font-size:1.35cqw;box-sizing:border-box}.quiz-question{background:#180005c9;padding:1.8% 1.7%;height:16%;box-sizing:border-box}.quiz-count{font-size:1.1cqw;margin-bottom:1.1%}.quiz-title{font-size:2.25cqw}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin:1.6cqw}.quiz-option{background:#1c0006d9;border-radius:.6cqw;padding:1.5cqw;min-height:2.4cqw;display:flex;align-items:center;gap:1.6cqw;font-size:1.2cqw}.quiz-dot{width:2cqw;height:2cqw;background:white;display:inline-block;flex:none;border-radius:3px}.quiz-dot.radio{border-radius:50%}.quiz-textarea{margin:1.6cqw;background:#fff;color:#777;border-radius:.6cqw;height:22%;padding:1%;font-size:1.3cqw;box-sizing:border-box}.quiz-next{display:table;margin:2cqw auto;background:#ffffff35;border-radius:2cqw;color:#ffffffa0;padding:.9cqw 1.8cqw;font-size:1cqw}.quiz-keyboard{position:absolute;bottom:0;left:0;width:100%;height:34%;background:#404040;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35cqw}.quiz-keyrow{display:flex;justify-content:center;gap:.35cqw}.quiz-key{height:3.3cqw;width:3.3cqw;display:grid;place-items:center;background:#fafafa;color:#1d252b;border-radius:.5cqw;font-weight:bold;font-size:1.05cqw}.quiz-key.special{background:#b6e6fb}.quiz-key.space{width:22cqw}.quiz-success{position:absolute;top:38%;left:25%;width:50%;box-sizing:border-box;background:#190d10d9;padding:2%;border-radius:.6cqw;font-size:1.2cqw;line-height:1.5}.quiz-success strong{display:block;font-size:1.8cqw;margin-bottom:1cqw}.quiz-themes{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;max-width:960px}.quiz-themes img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.quiz-examples h3{margin-top:2rem}@media(max-width:600px){.quiz-themes{grid-template-columns:repeat(3,1fr)}.quiz-display{border-width:5px}.quiz-tabs{gap:.35rem}.quiz-tab{font-size:.9rem;padding:.45rem .65rem}}
.quiz-responses{margin:2rem 0}.response-example{max-width:600px;background:#101719;color:#e2e7ea;border-radius:10px;padding:1rem;margin:1rem 0}.response-tabs{display:flex;justify-content:space-around;color:#86cce9;border-bottom:1px solid #526069;padding:.5rem}.response-example details{background:#30383c;border-radius:10px;margin:.6rem 0;padding:1rem}.response-example summary{cursor:pointer}.response-example p{margin:.8rem 0 0;line-height:1.5}

.quiz-responses{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start}.quiz-responses-copy{min-width:0}.quiz-responses .response-example{width:100%;max-width:440px;margin:0 auto;font-size:.9rem}.quiz-responses .response-example p{overflow-wrap:anywhere}.quiz-responses .response-example summary{overflow-wrap:anywhere}@media(max-width:700px){.quiz-responses{grid-template-columns:1fr}.quiz-responses .response-example{max-width:100%}}