/* Les pages publiques qu'Apple demande (confidentialite.html,
   assistance.html) : la creme et l'automne du carnet, ses polices.
   Une feuille a part, sans style ecrit dans la page. Pas de filet de
   couleur sur un seul bord (CLAUDE.md) : les sections se separent par
   l'espace. */
:root { --fond: #F4F1EC; --papier: #FFFFFF; --encre: #16233F; --encre-2: #4A5571; --gris: #6B7385; --automne: #BF4413; --automne-clair: #FDEEE6; color-scheme: light; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; background: var(--fond); color: var(--encre);
  font: 17px/1.6 "Nunito", -apple-system, system-ui, sans-serif;
  padding: max(28px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
main { max-width: 680px; margin: 0 auto; background: var(--papier); border-radius: 28px; padding: 28px 22px 32px; box-shadow: 0 10px 30px rgba(22,35,63,.08); }
.marque { display: flex; align-items: center; justify-content: center; gap: 10px; font: 600 1.5rem/1.1 "Fredoka", -apple-system, sans-serif; color: var(--encre); text-decoration: none; margin-bottom: 14px; }
.marque img { width: 44px; height: 44px; border-radius: 11px; }
h1 { font: 600 1.7rem/1.25 "Fredoka", -apple-system, sans-serif; text-align: center; margin: 0 0 6px; }
.date { text-align: center; color: var(--gris); font-size: .95rem; margin: 0 0 26px; }
h2 { font: 600 1.2rem/1.3 "Fredoka", -apple-system, sans-serif; color: var(--automne); margin: 30px 0 8px; }
h3 { font-size: 1.05rem; font-weight: 800; margin: 22px 0 4px; }
p { margin: 8px 0; }
ul { margin: 8px 0; padding-left: 1.2em; }
li { margin: 5px 0; }
a { color: var(--automne); overflow-wrap: anywhere; }
.encart { background: var(--automne-clair); border-radius: 18px; padding: 14px 16px; margin: 14px 0; }
.pied { margin-top: 36px; text-align: center; color: var(--gris); font-size: .9rem; }