/* La direction artistique de l'app, portée sur le web : crème #FBF6EC, sable
   #EFE3CC, or #C1962C, encre brune #2E2A22. Titres en serif — ça doit lire
   comme un livre, pas comme une app. Pas de noir pur, pas de couleur saturée. */
:root { color-scheme: light; }

body {
  margin: 0;
  padding: 3rem 1.25rem 6rem;
  background: #FBF6EC;
  color: #2E2A22;
  font: 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

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

.tag {
  color: #C1962C;
  letter-spacing: .22em;
  font-size: .75rem;
  font-weight: 600;
  margin: 0 0 .4rem;
}

h1 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 2.4rem;
  line-height: 1.15;
  margin: 0 0 .6rem;
}

h2 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.35rem;
  margin: 2.8rem 0 .6rem;
}

p { margin: 0 0 1rem; }
a { color: #8A6A17; }
strong { font-weight: 600; }

.lede { font-size: 1.1rem; color: #4A4436; }
.date { color: #7A7160; font-size: .9rem; margin-bottom: 2rem; }

/* Le bloc du langage de formes de l'app : contour d'encre épais et face
   inférieure pleine extrudée vers le bas — jamais d'ombre portée floue. C'est
   cette face qui fait qu'un bloc se lit comme un objet posé. */
.plate {
  background: #EFE3CC;
  border: 2px solid #2E2A22;
  border-radius: 14px;
  box-shadow: 0 6px 0 #2E2A22;
  padding: 1.1rem 1.3rem;
  margin: 1.6rem 0 2.2rem;
}
.plate p:last-child { margin-bottom: 0; }

hr { border: 0; border-top: 2px solid #E3D6BC; margin: 3.5rem 0; }

.switch { font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; }
footer { margin-top: 4rem; color: #7A7160; font-size: .85rem; }

[dir="rtl"] .plate { box-shadow: 0 6px 0 #2E2A22; }