/* Phase 5: discovery cards and two quiz modes; no map or marker CSS is modified. */
.phase5-facts{margin:14px 0 22px}.phase5-facts h4{font-size:1.01rem;color:#184b66;margin-bottom:6px}
.phase5-facts>p{font-size:.83rem;line-height:1.7;color:#486677;margin-bottom:12px}
.phase5-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.phase5-fact{border:1px solid #cfe4ed;border-radius:12px;background:#f7fcff;padding:14px;min-width:0}
.phase5-fact h5{font-size:.95rem;line-height:1.5;color:#174d66;margin-bottom:7px}
.phase5-fact p{font-size:.82rem;line-height:1.72;color:#344f60;margin-bottom:9px}
.phase5-fact-links{display:flex;flex-wrap:wrap;gap:8px 12px}.phase5-fact-links a{font-size:.75rem;color:#145c80;text-underline-offset:3px;overflow-wrap:anywhere}
.phase5-comparison-title{font-size:.95rem;color:#184b66;margin:14px 0 9px}
.phase5-quiz-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 8px}
.phase5-mode{min-height:44px;border:1px solid #bbd6e4;border-radius:10px;padding:8px 9px;background:#fff;color:#245672;font-size:.79rem;font-weight:800;cursor:pointer}
.phase5-mode.is-active{background:#1b6283;border-color:#1b6283;color:#fff}
.phase5-mode:focus-visible,.phase5-fact a:focus-visible,.quiz-option:focus-visible{outline:3px solid #f5a623;outline-offset:2px}
#quizFeedback p{margin:7px 0;line-height:1.75}#quizFeedback a{display:block;font-size:.8rem;color:#145c80;overflow-wrap:anywhere}
@media(max-width:700px){.phase5-facts-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.phase5-mode{scroll-behavior:auto}}