/* Demander une relecture (relecture.html). Utilise les variables et classes de site.css. */
[hidden] { display: none !important; }
.rl { max-width: 760px; padding-top: 36px; padding-bottom: 64px; }
.rl p { font-size: 16px; line-height: 1.65; }
.rl form { display: grid; gap: 1.2rem; }
.rl-ligne { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.4rem; }
.rl-champ { display: flex; flex-direction: column; gap: .35rem; font-weight: 600; }
.rl-champ > span { font-size: .95rem; }
.rl-champ > small { font-size: 14px; font-weight: 400; color: var(--mute); }
.rl-champ textarea.champ { resize: vertical; min-height: 7rem; line-height: 1.5; }
.rl-champ input[type="file"] { padding: .7rem; background: #fff; }
.rl-oblig { font-size: 12px; font-weight: 600; color: var(--acc); margin-left: .3rem; }
.rl-liste { margin: -.4rem 0 0; padding-left: 1.2rem; font-size: 15px; color: var(--mute); }
.rl-case { display: flex; gap: .65rem; align-items: flex-start; cursor: pointer; line-height: 1.5; }
.rl-case input { accent-color: var(--acc); width: 1.2rem; height: 1.2rem; margin: .2rem 0 0; flex: none; }
.rl-erreur { color: #a1321c; font-weight: 600; margin: 0; }
.rl-rien { font-weight: 600; background: #fff; border-left: 6px solid var(--hi); border-radius: 8px; padding: .9rem 1.1rem; margin: 0; }
.rl-recu { border-left: 4px solid var(--hi); margin-bottom: 24px; }
.rl-piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 640px) { .rl-ligne { grid-template-columns: 1fr; } .rl form .btn { width: 100%; } }