/* Geography exercises on population growth and its effects. Loaded after clock-exercise.css, imparfait-exercise.css and phrases-exercise.css,
   whose choices, line and keyboard it reuses. */
.demo-exercise .demo-display{font-size:20px}
.demo-exercise .demo-display--long{font-size:17px;line-height:1.5}
/* The documents of the chapter, redrawn. */
.demo-fig{margin:0 auto 14px;max-width:460px}
.demo-chart{display:block;width:100%;height:auto}
.demo-fig-caption{margin-top:6px;font:500 13px/1.4 Inter,sans-serif;color:#4a4a7a;text-align:center}
.demo-grid{stroke:#dfe4f5;stroke-width:1}
.demo-axis{stroke:#101052;stroke-width:1.6}
.demo-tick{font:600 11px Inter,sans-serif;fill:#4a4a7a}
.demo-tick--unit{font-weight:700;fill:#101052}
.demo-tick--level{fill:#6b6b8a}
.demo-level{stroke:#9a9ab0;stroke-width:1.6;stroke-dasharray:6 4}
.demo-line{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.demo-line--future{stroke-dasharray:7 5}
.demo-line--inde,.demo-key.demo-line--inde{stroke:#ff8a1f;fill:none}
.demo-line--chine,.demo-key.demo-line--chine{stroke:#d93a3a;fill:none}
.demo-line--nigeria,.demo-key.demo-line--nigeria{stroke:#1a9a4b;fill:none}
.demo-key{stroke-width:6}
.demo-mark{fill:#fff;stroke:#101052;stroke-width:2}
.demo-mark-text{font:800 11px Inter,sans-serif;fill:#101052;paint-order:stroke;stroke:#fff;stroke-width:3px}
.demo-bar-label{font:700 12px Inter,sans-serif;fill:#101052}
.demo-bar-value{font:800 12px Inter,sans-serif;fill:#101052}
.demo-bar--afrique{fill:#d93a3a}
.demo-bar--asie{fill:#ff8a1f}
.demo-bar--europe{fill:#4f61ff}
.demo-bar--homme{fill:#4f8dff}
.demo-bar--femme{fill:#ff7fa8}
.demo-age{font:700 10px Inter,sans-serif;fill:#101052}
.demo-zone{stroke:#fff;stroke-width:2}
.demo-zone--asie{fill:#ffb15c}
.demo-zone--amerique{fill:#6cc48b}
.demo-zone--afrique{fill:#ef6b6b}
.demo-zone--europe{fill:#7d8cff}
.demo-zone-name{font:700 9px Inter,sans-serif;fill:#101052}
.demo-zone-name--big{font-size:15px;font-weight:800}
.demo-zone-value{font:600 11px Inter,sans-serif;fill:#101052}
/* Tick every right answer. */
.demo-multi-list{grid-template-columns:1fr}
.demo-multi{display:flex;align-items:center;gap:12px;text-align:left}
.demo-tick-box{flex:0 0 26px;width:26px;height:26px;border:2px solid #4f61ff;border-radius:7px;background:#fff}
.demo-multi[aria-pressed="true"] .demo-tick-box{background:#034cff;box-shadow:inset 0 0 0 4px #fff}
.demo-multi.is-missed{outline:3px dashed #1a9a4b}
/* A number on the pad of the page. */
.demo-pad-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}
.demo-pad-line{display:flex;align-items:baseline;gap:8px;min-width:200px;padding:10px 16px;border:2px solid #4f61ff;border-radius:14px;background:#fff;font:800 28px Inter,sans-serif;color:#101052}
.demo-pad-line.is-correct{border-color:#1a9a4b;background:#d9f5e3}
.demo-pad-line.is-wrong{border-color:#d93a3a;background:#fde2e2}
.demo-pad-unit{font-size:18px;color:#4a4a7a}
.demo-pad{display:grid;grid-template-columns:repeat(3,64px);gap:8px}
.demo-pad-key{height:52px;font-size:22px}
/* Steps to touch in order. */
.demo-order{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.demo-order-list{grid-template-columns:1fr}
.demo-order-item{display:flex;align-items:center;gap:12px;text-align:left}
.demo-order-rank{flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #4f61ff;border-radius:50%;background:#fff;color:#034cff;font:800 18px Inter,sans-serif}
.demo-order-item[aria-pressed="true"] .demo-order-rank{background:#034cff;color:#fff}
.demo-order-reset{align-self:flex-start}
/* Recite or write on paper, then uncover the model. */
.demo-self{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.demo-self-hidden{padding:16px;border:2px dashed #4f61ff;border-radius:16px;background:#f2f5ff;text-align:center}
.demo-self-model{margin:0 0 8px;text-align:left;font-size:17px;line-height:1.5;color:#101052}
@media(max-width:700px){
 .demo-exercise .demo-display{font-size:18px}
 .demo-fig-caption{font-size:12px}
}