/* Pages de texte (mentions légales, confidentialité) : lecture confortable, mêmes couleurs que le site. */
.doc { max-width: 720px; margin: 0 auto; padding: 96px var(--edge) 96px; }
.doc .back { margin: 0 0 48px; font: 400 14px/24px var(--text); }
.doc .back a { color: var(--m); text-decoration: none; }
.doc h1 { margin: 0 0 16px; font: 400 48px/56px var(--display); letter-spacing: -.02em; color: var(--t); }
.doc .date { margin: 0 0 48px; font: 400 12px/16px var(--mono); color: var(--f); }
.doc h2 { margin: 48px 0 16px; font: 400 24px/32px var(--display); color: var(--t); }
.doc p, .doc li { font: 400 16px/28px var(--text); color: var(--m); }
.doc p { margin: 0 0 16px; }
.doc ul { margin: 0 0 16px; padding-left: 24px; }
.doc b { color: var(--t); font-weight: 500; }
.doc a { color: var(--t); }
.doc mark.todo { background: #f2c36b; color: #1c1405; padding: 0 4px; border-radius: 4px; }
footer a { color: var(--m); }
@media (max-width: 760px) { .doc { padding-top: 64px; } .doc h1 { font-size: 36px; line-height: 44px; } }