/* Pages de texte du site (confidentialité, CGU, mentions légales, 404) : mêmes couleurs et polices que l'accueil */
@font-face{font-family:"Fredoka";src:url(/fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Lexend";src:url(/lexend.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{--bg:#F5F6FC;--card:#FFFFFF;--ink:#1D1B3A;--muted:#55527A;--line:#DDE0EE;--link:#C8102E;--px:#1D1B3A}
@media (prefers-color-scheme: dark){:root{--bg:#14131F;--card:#1E1C2E;--ink:#F1F0FA;--muted:#B4B1D0;--line:#34314B;--link:#FF8FA3;--px:#0B0A14}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 "Lexend",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--link)}
header{border-bottom:1px solid var(--line);background:var(--card)}
header .in,main,footer .in{max-width:780px;margin:0 auto;padding:0 16px}
header .in{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 20px "Fredoka",system-ui,sans-serif}
.logo img{width:30px;height:30px;image-rendering:pixelated}
main{padding-top:32px;padding-bottom:48px}
h1{font:700 clamp(30px,5vw,40px)/1.15 "Fredoka",system-ui,sans-serif;margin:0 0 6px}
h2{font:600 22px/1.25 "Fredoka",system-ui,sans-serif;margin:34px 0 8px}
h3{font:600 18px/1.3 "Fredoka",system-ui,sans-serif;margin:22px 0 6px}
.muted{color:var(--muted)}
.card{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:6px 24px 22px;margin-top:22px}
ul{padding-left:22px}li{margin:5px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}
th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 6px}
th{font-family:"Fredoka",system-ui,sans-serif;font-weight:600}
.tw{overflow-x:auto}
.toc{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}
footer{border-top:1px solid var(--line);padding:22px 0 32px;font-size:14px;color:var(--muted)}
footer .in{display:flex;flex-wrap:wrap;gap:10px 20px}
footer a{color:var(--muted)}
@media (max-width:560px){.card{padding:4px 16px 18px}body{font-size:16px}}