:root { color-scheme: light; --bg: #f2e8d0; --ink: #2e2a20; --muted: #6b6150; --rule: #cfc3a4; --grid: rgba(120, 100, 60, .13); --link: #7a2e1d; }
* { box-sizing: border-box; }
html { background-color: var(--bg); }
body {
  margin: 0 auto; padding: 32px 16px 64px; max-width: 42rem; min-height: 100vh;
  color: var(--ink);
  font: 18px/1.6 Georgia, "Times New Roman", serif;
}
/* papier quadrillé (maille de 22 px, comme le plugin) sur toute la page */
html {
  background-image:
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 22px 22px;
}
h1, h2 { font-weight: 600; line-height: 1.25; }
h1 { font-size: 1.9rem; margin: 0 0 .25rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; border-top: 1px solid var(--rule); padding-top: 1rem; }
a { color: var(--link); }
.muted { color: var(--muted); font-size: .9rem; }
nav { margin: 2rem 0 0; padding-top: 1rem; border-top: 1px solid var(--rule); font-size: .95rem; }
nav a { margin-right: 1rem; }
ul { padding-left: 1.2rem; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
th, td { text-align: left; vertical-align: top; padding: .4rem .6rem; border-bottom: 1px solid var(--rule); }
th { font-weight: 600; }
code, kbd { font: .9em ui-monospace, Menlo, Consolas, monospace; background: rgba(120, 100, 60, .12); padding: .05em .3em; border-radius: 3px; }
.toc { columns: 2; font-size: .95rem; padding-left: 1.2rem; }
.note { border-left: 3px solid var(--rule); padding: .1rem 0 .1rem .8rem; color: var(--muted); }
h3 { font-size: 1.05rem; margin: 1.5rem 0 .3rem; }