/* Quiz owns one reader spread; its content scrolls, controls stay inside the page. */
body.ds-reader-body .ds-detail-article.ds-quiz-article .ds-detail-rail{overflow:hidden;scroll-snap-type:none}
body.ds-reader-body .ds-detail-article.ds-quiz-article .ds-quiz-spread{display:block!important;padding:clamp(8px,2vw,28px);height:100%;min-height:0;width:100%;background:#e6e0d4}
body.ds-reader-body .ds-detail-layer.ds-quiz-open .ds-detail-nav{display:none!important}
body.ds-reader-body .ds-detail-layer.ds-quiz-open .ds-detail-bar [data-ds-open-share]{display:none}
.ds-quiz-mount{--dq-background:#f4efe5;--dq-surface:#fff;--dq-text:#172b2a;--dq-accent:#17695d;--dq-accentText:#fff;--dq-selected:#e2f1ec;--dq-border:#a6b6ae;--dq-radius:16px;--dq-size:18px;--dq-font:system-ui,sans-serif;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:auto;color:var(--dq-text);background:var(--dq-background);font-family:var(--dq-font);font-size:var(--dq-size);line-height:1.5;border:1px solid var(--dq-border);border-radius:var(--dq-radius);padding:24px;touch-action:pan-y;overscroll-behavior:contain;overflow-wrap:anywhere}
.ds-quiz-mount *{box-sizing:border-box}
.ds-quiz-mount.dq-ready{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);max-width:1120px;margin:auto;padding:0;overflow:hidden}
.ds-quiz-mount .dq-aside{padding:clamp(18px,3vw,40px);border-right:1px solid var(--dq-border);overflow:auto;background:var(--dq-background)}
.ds-quiz-mount .dq-brand{display:block;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.1em}
.ds-quiz-mount .dq-title{font-size:clamp(22px,2.7vw,38px);line-height:1.12;margin:24px 0 16px;color:inherit}
.ds-quiz-mount .dq-intro{font-size:16px;white-space:pre-wrap}
.ds-quiz-mount .dq-main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:var(--dq-surface)}
.ds-quiz-mount .dq-progress{display:flex;justify-content:space-between;gap:12px;padding:16px 24px 10px;font:700 13px/1.4 system-ui,sans-serif;flex-shrink:0}
.ds-quiz-mount .dq-track{height:4px;background:var(--dq-border);flex-shrink:0}.ds-quiz-mount .dq-track>div{height:100%;background:var(--dq-accent)}
.ds-quiz-mount .dq-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:clamp(16px,2.6vw,36px);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.ds-quiz-mount .dq-question{font-size:clamp(22px,2.4vw,32px);line-height:1.25;margin:0 0 24px;color:inherit;white-space:pre-wrap}
.ds-quiz-mount .dq-options{display:grid;gap:12px}
.ds-quiz-mount .dq-option{display:flex;gap:14px;align-items:flex-start;margin:0;padding:16px;border:2px solid var(--dq-border);border-radius:var(--dq-radius);background:var(--dq-surface);color:var(--dq-text);cursor:pointer;min-height:52px;line-height:1.45}
.ds-quiz-mount.dq-shadow .dq-option{box-shadow:0 3px 9px #0000000c}
.ds-quiz-mount .dq-option input{appearance:auto;width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:var(--dq-accent)}
.ds-quiz-mount .dq-option.is-selected{border-color:var(--dq-accent);background:var(--dq-selected)}
.ds-quiz-mount .dq-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--dq-border);background:var(--dq-surface);flex-shrink:0}
.ds-quiz-mount button,.ds-quiz-mount a.dq-primary{font:700 15px/1.35 var(--dq-font);border:1px solid var(--dq-accent);padding:13px 18px;border-radius:var(--dq-radius);min-height:46px;cursor:pointer;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.ds-quiz-mount .dq-primary{background:var(--dq-accent);color:var(--dq-accentText)}.ds-quiz-mount .dq-secondary{background:var(--dq-surface);color:var(--dq-text);border-color:var(--dq-border)}
.ds-quiz-mount button:disabled{opacity:.5;cursor:wait}.ds-quiz-mount :focus-visible{outline:3px solid var(--dq-accent);outline-offset:3px}
.ds-quiz-mount .dq-status{font:14px/1.45 system-ui,sans-serif;white-space:pre-wrap;margin:12px 0;color:inherit}.ds-quiz-mount .dq-error{color:#a61b1b}
.ds-quiz-mount .dq-cover{display:block;max-width:100%;width:100%;max-height:28vh;object-fit:contain;margin-bottom:18px;border-radius:var(--dq-radius)}
.ds-quiz-mount .dq-score{font-size:clamp(34px,5vw,64px);font-weight:800;line-height:1.2;margin:16px 0}
.ds-quiz-mount .dq-time{font:700 14px/1.4 system-ui,sans-serif}.ds-quiz-mount .dq-result-text{font-size:clamp(20px,2vw,28px);white-space:pre-wrap;line-height:1.5}
.ds-quiz-mount .dq-preview{font:700 12px/1.4 system-ui,sans-serif;display:block;margin:14px 0}.ds-quiz-mount .dq-copy{width:100%;height:110px;font:14px/1.5 system-ui,sans-serif}
@media(max-width:700px){
 body.ds-reader-body .ds-detail-article.ds-quiz-article .ds-quiz-spread{padding:6px}
 .ds-quiz-mount.dq-ready{display:flex;flex-direction:column;border-radius:12px}
 .ds-quiz-mount .dq-aside{padding:10px 16px;border-right:0;border-bottom:1px solid var(--dq-border);flex-shrink:0;max-height:24%;overflow:auto}
 .ds-quiz-mount .dq-title{font-size:20px;margin:5px 0}.ds-quiz-mount .dq-intro{display:none}.ds-quiz-mount .dq-main{flex:1}
 .ds-quiz-mount .dq-progress{padding:10px 16px}.ds-quiz-mount .dq-scroll{padding:16px}
 .ds-quiz-mount .dq-question{font-size:23px;margin-bottom:16px}.ds-quiz-mount .dq-option{padding:13px;gap:10px}
 .ds-quiz-mount .dq-actions{padding:10px 12px;gap:7px}.ds-quiz-mount button{font-size:14px;padding:11px 12px}
 .ds-quiz-mount .dq-share-actions button{flex:1 1 42%;font-size:12px;min-height:42px}
}
@media(orientation:landscape) and (max-height:500px){
 .ds-quiz-mount.dq-ready{display:grid;grid-template-columns:24% minmax(0,1fr)}
 .ds-quiz-mount .dq-aside{padding:12px;max-height:none;border-right:1px solid var(--dq-border);border-bottom:0}.ds-quiz-mount .dq-intro{display:none}
 .ds-quiz-mount .dq-title{font-size:20px;margin:8px 0}.ds-quiz-mount .dq-progress{padding:6px 12px}.ds-quiz-mount .dq-scroll{padding:14px}.ds-quiz-mount .dq-actions{padding:7px 12px}.ds-quiz-mount .dq-question{font-size:22px}
}

.ds-quiz-mount .dq-question-image{display:block;width:100%;height:auto;max-height:32vh;object-fit:contain;margin:0 0 18px;border-radius:var(--dq-radius)}

body.ds-quiz-active .ds-reader-font-tools{display:none!important}

.ds-quiz-mount .dq-welcome-intro{display:none;white-space:pre-wrap}
@media(max-width:700px),(orientation:landscape) and (max-height:500px){.ds-quiz-mount .dq-welcome-intro{display:block}}