/* finesse · sisters stationery retained · readable scenario panel · mobile single-column flow */
html,body{overflow-x:clip}
.quiz.readable-quiz{max-width:620px;margin:24px auto 0;min-height:calc(100svh - 180px)}
.quiz.readable-quiz .quiz-status{font-size:14px;line-height:1.5;color:var(--ink)}
.quiz.readable-quiz .quiz-status>span{min-width:0;overflow-wrap:anywhere}
.quiz.readable-quiz .progress{margin:12px 0 20px;height:4px;border-radius:4px}
.question-scene{padding:20px 22px;margin:0 0 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.scene-people{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 15px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.scene-people b{color:var(--accent);font-weight:700}
.scene-people span{color:var(--ink)}
.quiz.readable-quiz .question-scene .scene{font-size:14px;line-height:1.6;font-weight:700;letter-spacing:0;margin:0 0 8px;color:var(--accent)}
.quiz.readable-quiz .scene-copy{font-size:18px;line-height:1.8;font-weight:500;letter-spacing:.01em;color:var(--ink);margin:0;overflow-wrap:anywhere}
.quiz.readable-quiz h1{font-size:25px;line-height:1.55;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;min-width:0;text-wrap:balance}
.quiz.readable-quiz .question-help{font-size:14px;line-height:1.7;margin:10px 0 20px;color:var(--muted)}
.quiz.readable-quiz .options{gap:11px}
.quiz.readable-quiz .option{font-size:16px;line-height:1.65;padding:15px 16px;min-height:60px;gap:12px;border-radius:11px;color:var(--ink);touch-action:manipulation;scroll-margin:18px 0}
.quiz.readable-quiz .option .letter{font-size:18px;width:20px;color:var(--accent);text-align:center}
.quiz.readable-quiz .option .option-dot{width:17px;height:17px}
.quiz.readable-quiz .option.skip{font-size:15px;min-height:52px;color:var(--muted);margin-top:3px}
.quiz.readable-quiz .option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.quiz.readable-quiz .option:active{background:var(--soft)}
.quiz.readable-quiz .quiz-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding:8px 0 12px;background:transparent}
.quiz.readable-quiz .quiz-nav .text-button{font-size:14px;min-height:48px;padding:8px 0}
.quiz.readable-quiz .quiz-nav>span{font-size:12px;line-height:1.5}
.quiz.readable-quiz .save-status{font-size:12px;line-height:1.6;margin:0 0 24px}
@media(max-width:700px){
 body[data-view=quiz] .header{height:60px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 body[data-view=quiz] main{margin-left:max(18px,env(safe-area-inset-left));margin-right:max(18px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}
 .quiz.readable-quiz{margin:18px 0 0;padding:0;min-height:calc(100svh - 155px)}
 .quiz.readable-quiz .quiz-status{font-size:13px}
 .quiz.readable-quiz .quiz-status b{font-size:24px}
 .quiz.readable-quiz .progress{margin-bottom:18px}
 .question-scene{padding:17px 16px;margin-bottom:22px;border-radius:12px}
 .scene-people{gap:4px 12px;padding-bottom:10px;margin-bottom:12px}
 .quiz.readable-quiz .scene-copy{font-size:18px;line-height:1.75;letter-spacing:0}
 .quiz.readable-quiz h1{font-size:23px;line-height:1.55}
 .quiz.readable-quiz .question-help{font-size:14px;margin-bottom:18px}
 .quiz.readable-quiz .option{padding:14px 13px;gap:10px}
 .quiz.readable-quiz .quiz-nav{margin-top:16px}
}
@media(max-width:350px){
 .question-scene{padding:16px 14px}
 .quiz.readable-quiz .scene-copy{font-size:17px}
 .quiz.readable-quiz h1{font-size:22px}
 .quiz.readable-quiz .quiz-nav>span{font-size:11px}
 .quiz.readable-quiz .option{padding:14px 12px;gap:8px}
}