/* Free exercises on understanding an informative text. Loaded after phrases-exercise.css, whose lines to touch it reuses, and after
   imparfait-exercise.css, whose choices and display it reuses. */
/* A short question is shown large; a text is read like a page. */
.ctd-exercise .ctd-display{font-size:22px;white-space:pre-line}
.ctd-exercise .ctd-display--text{font-size:18px;line-height:1.6;text-align:left}
/* The documentary as a page: big title, introduction in italics, titles of the paragraphs in colour, caption and box. */
.ctd-exercise .ctd-doc{margin:0 0 18px;padding:16px 18px;border:2px solid #d6e0ff;border-radius:16px;background:#fff;text-align:left;line-height:1.55}
.ctd-exercise .ctd-doc p{margin:0 0 8px;font-size:17px}
.ctd-exercise .ctd-doc .ctd-doc-title{font-size:22px;font-weight:800;color:#d2462c;letter-spacing:.02em}
.ctd-exercise .ctd-doc .ctd-doc-intro{font-style:italic}
.ctd-exercise .ctd-doc .ctd-doc-legend{font-size:15px;color:#4a5578}
.ctd-exercise .ctd-doc .ctd-doc-heading{margin-top:12px;margin-bottom:2px;font-weight:800;color:#034cff}
.ctd-exercise .ctd-doc .ctd-doc-box{margin-top:12px;padding:8px 12px;border-radius:10px;background:#eef2ff}
.ctd-exercise .ctd-doc .is-marked{outline:3px solid #ffd640;outline-offset:3px;border-radius:6px;background:#fff8d6}
/* Lines and sentences to touch: one per row, read from the left. */
.ctd-exercise .ctd-lines{flex-direction:column;align-items:stretch;gap:8px;font-size:17px;font-weight:600}
.ctd-exercise .ctd-lines .phrases-token{width:100%;padding:8px 12px;text-align:left;white-space:normal;line-height:1.45}
.ctd-exercise .ctd-line--title{font-size:21px;font-weight:800;color:#d2462c}
.ctd-exercise .ctd-line--intro{font-style:italic}
.ctd-exercise .ctd-line--heading{font-weight:800;color:#034cff}
.ctd-exercise .ctd-line--legend{font-size:15px}
.ctd-exercise .ctd-line--box{background:#eef2ff}