.demo-dialog:has(.quiz-slider){text-align:right;width:min(100%,680px);min-width:0;min-height:320px;padding:3rem 2rem 2.25rem}.demo-dialog #quiz{background:0 0;border:none;max-width:none;margin:0;padding:0}.demo-dialog .quiz-slider{min-width:0;margin:0}.demo-dialog .quiz-slider .splide__track{min-width:0;overflow:hidden}.demo-dialog .quiz-slider .splide__slide{min-width:0}.demo-dialog .question-card{flex-direction:column;gap:1.5rem;min-height:220px;padding:.25rem 0 0;display:flex}.demo-dialog .question-card h2{color:#f0ede6;text-align:right;margin:0;font-size:clamp(1.05rem,2.8vw,1.3rem);font-weight:600;line-height:1.8}.demo-dialog .question-card .options{flex-direction:column;gap:.75rem;display:flex}.demo-dialog .quiz-slider .options .option-btn,.demo-dialog .quiz-slider .options button.option-btn,.demo-dialog .quiz-slider .options button.button{box-sizing:border-box;color:#e8cc7a;cursor:pointer;text-align:right;white-space:normal;-webkit-tap-highlight-color:transparent;background:linear-gradient(#c9a84c18 0%,#c9a84c08 100%);border:1.5px solid #c9a84c73;border-radius:12px;justify-content:flex-start;align-items:center;width:100%;min-height:54px;margin:0;padding:.95rem 1.25rem;font-family:inherit;font-size:.925rem;font-weight:600;line-height:1.65;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #00000059,inset 0 1px #ffffff0f}.demo-dialog .quiz-slider .options .option-btn:hover,.demo-dialog .quiz-slider .options button.option-btn:hover,.demo-dialog .quiz-slider .options button.button:hover{color:#f5e6b8;background:linear-gradient(135deg,#c9a84c2e 0%,#c9a84c14 100%);border-color:#c9a84c;transform:translateY(-2px);box-shadow:0 10px 28px #c9a84c1f,inset 0 1px #ffffff14}.demo-dialog .quiz-slider .options .option-btn:focus-visible,.demo-dialog .quiz-slider .options button.option-btn:focus-visible,.demo-dialog .quiz-slider .options button.button:focus-visible{border-color:#c9a84c;outline:none;box-shadow:0 0 0 3px #c9a84c33}.demo-dialog .quiz-slider .options .option-btn:active,.demo-dialog .quiz-slider .options button.option-btn:active,.demo-dialog .quiz-slider .options button.button:active{transform:translateY(0);box-shadow:0 2px 8px #00000040}.demo-dialog .question-card .options:empty{display:none}@media (width<=600px){.demo-dialog:has(.quiz-slider){padding:2.75rem 1.25rem 1.75rem}.demo-dialog .quiz-slider .options .option-btn,.demo-dialog .quiz-slider .options button.option-btn,.demo-dialog .quiz-slider .options button.button{min-height:50px;padding:.85rem 1rem;font-size:.875rem}}