/* Copyright counsellor exam only. Do not alter other Learning courses. */
.quiz-narrow{width:min(100% - 32px,820px);max-width:820px;margin-inline:auto}
.quiz-narrow .quiz-card{padding:clamp(22px,4vw,36px);margin:20px 0;background:#fff;border:1px solid #e6e2da;border-radius:12px;box-shadow:0 3px 18px rgba(10,17,36,.035)}
.quiz-narrow .quiz-statement{font-family:"Noto Sans JP",sans-serif;font-size:clamp(1.03rem,1.4vw,1.22rem);font-weight:700;line-height:1.95;letter-spacing:0;overflow-wrap:anywhere;margin:12px 0 20px}
.quiz-narrow .st-section-label{font-size:.82rem;letter-spacing:.04em;color:#687082;margin:0 0 8px}
.quiz-narrow .quiz-progress{font-size:.92rem;margin:0 0 12px;color:#5d6574}
.quiz-narrow .quiz-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:470px;margin:26px 0 0}
.quiz-narrow .quiz-answer{display:flex;align-items:center;justify-content:center;gap:14px;min-height:70px;padding:12px 18px;border:1px solid #d9dee5;border-radius:9px;background:#fff;color:#17243a;cursor:pointer;transition:background .15s,border-color .15s}
.quiz-narrow .quiz-answer:hover{background:#f2f5f9;border-color:#8595ac}
.quiz-narrow .quiz-answer:focus-visible{outline:3px solid #507bb3;outline-offset:2px}
.quiz-narrow .quiz-answer strong{font-family:"Noto Sans JP",sans-serif;font-size:1.8rem;line-height:1;font-weight:600}
.quiz-narrow .quiz-answer span{margin:0;font-size:.94rem;font-weight:500;line-height:1.35}
.quiz-narrow .quiz-label{display:grid;gap:7px;margin-bottom:20px;font-size:.93rem}
.quiz-narrow .quiz-input{width:100%;max-width:100%;min-height:45px;border-radius:8px}
.quiz-narrow .quiz-label small{font-size:.78rem;font-weight:400;color:#6e7680}
.quiz-narrow .st-count{display:inline-block;padding:5px 13px;border-radius:30px;background:#eeeae3;color:#273248;font-weight:700;font-size:.9rem}
.quiz-narrow .quiz-result{font-size:1.08rem;font-weight:700}
.quiz-narrow .quiz-answer-review{border-radius:8px;background:#f6f7f8;margin:18px 0}
.quiz-narrow .quiz-explanation{font-size:.95rem;line-height:1.95}
.quiz-narrow .st-explanation{padding:2px 0 4px}
.quiz-narrow .quiz-note{font-size:.85rem;line-height:1.8}
.quiz-narrow .quiz-run-review{display:block;margin-top:24px}
.quiz-narrow .st-review-title{font-size:1.12rem;margin:0 0 14px}
.quiz-narrow .st-review-item{border:1px solid #e0e2e6;background:#fff;border-radius:10px;margin:0 0 10px;overflow:hidden}
.quiz-narrow .st-review-item>summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:16px 18px;list-style:none}
.quiz-narrow .st-review-item>summary::-webkit-details-marker{display:none}
.quiz-narrow .st-review-item>summary::before{content:'+';color:#768094;font-weight:700;font-size:1.05rem;order:4;margin-left:1px}
.quiz-narrow .st-review-item[open]>summary::before{content:'−'}
.quiz-narrow .st-review-item[open]>summary{border-bottom:1px solid #e8e8e8;background:#fafafa}
.quiz-narrow .st-review-number{flex:none;color:#5d6574;font-size:.83rem}
.quiz-narrow .st-review-preview{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.89rem}
.quiz-narrow .st-review-status{flex:none;font-size:.83rem;font-weight:700}
.quiz-narrow .st-review-status.is-correct{color:#176d49}
.quiz-narrow .st-review-status.is-wrong{color:#ac3a35}
.quiz-narrow .st-review-detail{padding:20px 24px 26px}
.quiz-narrow .st-review-detail .quiz-statement{font-size:1rem;font-weight:600;line-height:1.85}
.quiz-narrow .quiz-run-score strong{font-size:1.25rem}
.quiz-narrow img{max-height:560px;object-fit:contain}
@media(max-width:620px){.quiz-narrow{width:calc(100% - 26px)}.quiz-narrow .quiz-card{padding:20px 17px}.quiz-narrow .quiz-answer-grid{grid-template-columns:1fr 1fr;gap:10px}.quiz-narrow .quiz-answer{min-height:62px;gap:8px;padding:10px}.quiz-narrow .quiz-answer strong{font-size:1.6rem}.quiz-narrow .quiz-answer span{font-size:.83rem}.quiz-narrow .st-review-item>summary{padding:14px 12px;gap:9px}.quiz-narrow .st-review-detail{padding:17px}.quiz-narrow .st-review-preview{font-size:.82rem}}