/* Pages légales — une feuille, aucune dépendance, aucun traceur.
   Un site qui affiche « aucune donnée collectée » ne peut pas charger une police distante :
   ce serait une requête vers un tiers sur la page qui promet qu'il n'y en a pas. */

:root {
    color-scheme: light dark;
    --page: #ffffff;
    --ink: #1c1c1e;
    --muted: #6b6b70;
    --rule: #e3e3e6;
    --accent: #1f73ff;
    --card: #f6f6f8;
}

@media (prefers-color-scheme: dark) {
    :root {
        --page: #101013;
        --ink: #ececf0;
        --muted: #9a9aa2;
        --rule: #2a2a30;
        --accent: #6ba4ff;
        --card: #1a1a1f;
    }
}

* { box-sizing: border-box; }

body {
    margin: 0;
    padding: 0 16px 72px;
    background: var(--page);
    color: var(--ink);
    font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

main {
    max-width: 44rem;
    margin: 0 auto;
}

header {
    padding: 56px 0 8px;
    border-bottom: 1px solid var(--rule);
    margin-bottom: 32px;
}

h1 {
    font-size: 1.9rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
}

h2 {
    font-size: 1.15rem;
    letter-spacing: -0.01em;
    margin: 40px 0 8px;
}

.updated {
    color: var(--muted);
    font-size: 0.9rem;
    margin: 0 0 24px;
}

.lede {
    font-size: 1.15rem;
    background: var(--card);
    border-radius: 14px;
    padding: 18px 20px;
    margin: 0 0 8px;
}

p { margin: 0 0 14px; }

a { color: var(--accent); }

a:hover { text-decoration: none; }

ul { padding-left: 1.25rem; }

li { margin-bottom: 6px; }

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.92em;
    background: var(--card);
    padding: 1px 5px;
    border-radius: 5px;
}

footer {
    margin-top: 56px;
    padding-top: 20px;
    border-top: 1px solid var(--rule);
    color: var(--muted);
    font-size: 0.9rem;
}

footer a { color: var(--muted); }

nav {
    margin-bottom: 24px;
    font-size: 0.9rem;
}

nav a { color: var(--muted); text-decoration: none; }

nav a:hover { text-decoration: underline; }