.editorial-quiz{max-width:820px;margin:auto;padding:0 24px}
.editorial-quiz .quiz-container{max-width:720px;padding:28px 0 40px;margin:auto}
.editorial-quiz .quiz-header{text-align:left;margin-bottom:18px}
.editorial-quiz .editorial-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px;margin:0 0 28px}
.editorial-quiz .quiz-header h1{font-family:Georgia,"Noto Serif TC","Noto Serif JP",serif;font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.45;letter-spacing:-.025em;margin:10px 0 12px}
.editorial-quiz .quiz-kicker{font-size:.73rem;letter-spacing:.07em;color:#7b7166}
.editorial-intro{font-size:1rem;line-height:1.95;margin:26px 0 30px;color:#48434c}
.editorial-quiz .progress-bar{height:3px;margin:8px 0 25px;background:#e6e0d7}
.editorial-quiz .progress-fill{height:100%;width:0;background:#73617d;transition:width .2s}
.progress-meta{font-size:.8rem;color:#716775;font-variant-numeric:tabular-nums}
.editorial-question{font-size:1.2rem;line-height:1.8;font-weight:600;scroll-margin-top:88px}
.answer-help{font-size:.76rem;color:#78717c;margin:9px 0 17px}
.editorial-options{display:grid;gap:10px}
.editorial-option{width:100%;text-align:left;border:1px solid #d7d0c7;border-radius:4px;background:#fffdfa;padding:17px 19px;font:inherit;font-size:.94rem;line-height:1.65;color:#3b3540;cursor:pointer}
.editorial-option:hover{border-color:#887593;background:#f4f0f5}
.editorial-option[aria-pressed="true"]{border-color:#715e7c;background:#ede7f0;box-shadow:inset 3px 0 #715e7c}
.quiz-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:24px 0}
.quiz-next,.quiz-back{font:inherit;font-size:.9rem;padding:12px 20px;min-height:44px;border-radius:4px;cursor:pointer}
.quiz-next{border:1px solid #65526d;color:white;background:#65526d}
.quiz-back{background:transparent;border:1px solid #cfc7d3;color:#63556b}
.quiz-next:disabled,.quiz-back:disabled{cursor:default;opacity:.42}
.quiz-share-link{font-size:.84rem;color:#65526d;text-decoration:underline}
.editorial-result{border-top:4px solid var(--result-accent);padding:26px 0 12px}
.editorial-result h2{font-family:Georgia,"Noto Serif TC","Noto Serif JP",serif;font-size:1.75rem;line-height:1.5;scroll-margin-top:88px;margin:12px 0}
.editorial-result h3{font-size:1rem;margin:28px 0 10px}
.editorial-result p{line-height:1.95;color:#49414d;margin:12px 0}
.editorial-result .result-subtitle{font-size:1.1rem;color:var(--result-accent);margin-bottom:24px}
.editorial-result-art{width:100%;max-height:420px;object-fit:contain;margin:16px 0}
.editorial-quiz .quiz-info{max-width:720px;margin:auto;padding:30px 0 65px;border-top:1px solid #ddd5ca}
.quiz-info h2{font-size:1.15rem;margin:24px 0 12px;line-height:1.65}
.quiz-info h3{font-size:1rem;margin:20px 0 9px}
.quiz-info p{font-size:.92rem;line-height:1.95;color:#5f5762;margin:12px 0}
.qi-details{border-block:1px solid #ddd5ca;margin:27px 0;padding:14px 0}
.qi-details summary{font-size:.86rem;color:#695771;cursor:pointer;line-height:1.8}
.editorial-related{display:grid;gap:12px;font-size:.9rem;line-height:1.8;color:#695771}
.editorial-related a{text-decoration:underline;text-underline-offset:4px}
.next-quiz{display:flex;gap:18px;align-items:center;border-top:1px solid #ddd5ca;padding:18px 0;font-size:.94rem;line-height:1.7}
.next-quiz img{width:110px;height:80px;object-fit:cover;border-radius:3px}
#quiz-status{font-size:.83rem;line-height:1.8}#quiz-status textarea{display:block;width:100%;font:inherit;padding:12px}
[hidden]{display:none!important}
@media(max-width:480px){.editorial-quiz{padding:0 20px}.editorial-quiz .quiz-container{padding-top:20px}.editorial-option{padding:15px}.editorial-quiz .editorial-cover{margin-bottom:22px}.next-quiz img{width:85px;height:70px}}
@media(prefers-reduced-motion:reduce){.editorial-quiz .progress-fill{transition:none}}