/* Phase 32: compact, accessible learning guide and route overview */
.quest-guide32,.quest-map32{border:1px solid #4b5b87;border-radius:14px;background:#1a294e;color:#f5f7ff;padding:14px 17px;margin:0 0 17px}
.quest-guide32 summary,.quest-map32 summary{cursor:pointer;font-weight:750;font-size:1rem;line-height:1.45}
.quest-guide32 details>p,.quest-map32 details>p{line-height:1.55}
.q32-phrases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}
.q32-phrases h4{grid-column:1/-1;margin:0}
.q32-phrase{padding:12px;border:1px solid #526393;border-radius:10px;background:#23345e}
.q32-phrase strong{display:block;font-size:1rem;line-height:1.45}
.q32-phrase p{font-size:.87rem;line-height:1.45;color:#d5dffc}
.q32-phrase button{font-size:.85rem}
.q32-tip,.q32-caption{font-size:.86rem;color:#d0dbfa}
.q32-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}
.q32-step{padding:10px 7px;border-radius:9px;min-height:65px;display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center;border:1px solid #526393}
.q32-step span{font-size:.86rem;font-weight:750}
.q32-step small{font-size:.73rem;line-height:1.3}
.q32-step.done{background:#244a4a;border-color:#5aab9e}
.q32-step.current{background:#5a4cb3;border-color:#a9a2ed}
.q32-step.future{background:#263252;color:#b8c5e3}
.q32-explain{border-left:3px solid #6b7cdb;padding:12px;margin-top:12px;background:#e9ecfb;color:#243053;border-radius:7px}
.q32-explain h3{font-size:1rem;margin:0 0 6px}
.q32-explain p{line-height:1.45}
.q32-explain small{color:#525d7b}
@media(max-width:640px){.q32-route{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-guide32,.quest-map32{padding:12px}}