:root{--bg:#f7f6f2;--fg:#1d1d1b;--muted:#5d5b55;--card:#fff;--line:#e3e0d8;--accent:#8a5a1f;--code:#f1eee6}
@media (prefers-color-scheme:dark){:root{--bg:#161614;--fg:#eceae4;--muted:#a8a59c;--card:#1f1f1c;--line:#34332f;--accent:#e0a85c;--code:#2a2925}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:2.5rem 1rem}
main{max-width:46rem;margin:0 auto}
h1{font-size:1.6rem;margin:0 0 .25rem}
.sous{color:var(--muted);margin:0 0 2rem}
section{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.25rem 1.4rem;margin:0 0 1.25rem}
h2{font-size:1.05rem;margin:0 0 .75rem;color:var(--accent)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.25rem;margin:0}
dt{color:var(--muted)}dd{margin:0;min-width:0}
code,.fp{font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--code);padding:.1rem .35rem;border-radius:4px;overflow-wrap:anywhere}
.fp{display:block;padding:.75rem .9rem;font-size:15px;margin:.5rem 0}
pre{background:var(--code);padding:.8rem .9rem;border-radius:6px;overflow-x:auto;margin:.5rem 0;font:14px/1.5 ui-monospace,Menlo,Consolas,monospace}
ul{margin:.25rem 0;padding-left:1.2rem}li{margin:.2rem 0}
a{color:var(--accent)}
footer{color:var(--muted);font-size:.875rem;margin-top:2rem}
@media (max-width:30rem){dl{grid-template-columns:1fr}dt{margin-top:.4rem}}