/* LE MINIMUM QUI NE MENT PAS. Un gabarit qui impose une charte obligerait à la défaire au premier
   site : on pose de quoi lire, et rien de plus. La vraie identité vient du studio, pas d'ici. */
:root { color-scheme: light dark; --encre: #16161a; --papier: #f7f6f3; --sourd: #6b6b72; }
@media (prefers-color-scheme: dark) { :root { --encre: #ececf0; --papier: #131316; --sourd: #8e8e97; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center;
  padding: max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));
  background: var(--papier); color: var(--encre);
  font: 16px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; }
main { max-width: 34rem; }
h1 { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 600; margin: 0 0 0.8rem; letter-spacing: -0.01em; }
p { margin: 0 0 0.6rem; }
.sourd { color: var(--sourd); font-size: 0.875rem; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; }
img { max-width: 100%; height: auto; }