/* Pages de texte (crédits, confidentialité). */
:root { color-scheme: light dark; --text: #1f2933; --muted: #66707a; --bg: #f4f6f8; --card: #fff; --accent: #1565c0; }
@media (prefers-color-scheme: dark) {
  :root { --text: #e6e9ec; --muted: #9aa5b1; --bg: #14181d; --card: #20262d; --accent: #4f9cf0; }
}
body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; background: var(--card); min-height: 100vh; box-sizing: border-box; }
h1 { font-size: 24px; margin: 8px 0 12px; }
h2 { font-size: 17px; margin: 28px 0 6px; }
a { color: var(--accent); }
ul { padding-left: 22px; }
li { margin: 4px 0; }
.muted { color: var(--muted); font-size: 13px; }
td, th { text-align: left; vertical-align: top; padding: 4px 8px 4px 0; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
tr + tr td { border-top: 1px solid color-mix(in srgb, var(--muted) 30%, transparent); }
h3 { font-size: 15px; margin: 16px 0 4px; }
.toc { background: color-mix(in srgb, var(--accent) 8%, transparent); border-radius: 8px; padding: 10px 14px; margin: 16px 0; }
.toc ol { margin: 6px 0 0; columns: 2 240px; }
.legend { list-style: none; padding: 0; }
.legend i { display: inline-block; width: 26px; height: 6px; border-radius: 3px; margin-right: 8px; vertical-align: middle; }
kbd { font: 12px ui-monospace, monospace; border: 1px solid var(--muted); border-radius: 4px; padding: 0 4px; }
.faq dt { font-weight: 600; margin-top: 12px; }
.faq dd { margin: 2px 0 0 0; }
.langs { float: right; margin-left: 12px; font-size: 13px; color: var(--muted); }
.langs strong { color: var(--text); }
.langs a { text-decoration: none; }