/* Pages intérieures (légales, admin, retour OAuth) — tokens d'app.css.
   Colonne de texte lisible, cadence typographique de la charte claire :
   titre de page en 28-32 px, corps en 15-16 px, titres de section en 600
   sans capitale forcée ni letter-spacing (relevé Emelia du 25/08). */
body{align-items:stretch;justify-content:flex-start;padding:32px 16px 64px}
main{max-width:760px;width:100%;margin:0 auto;padding:34px 34px 38px;
  border:1px solid var(--line);border-radius:8px;background:var(--bg-panel);
  box-shadow:var(--shadow-card);animation:emRise .35s ease-out}
h1{font-size:28px;font-weight:600;line-height:1.25;margin:16px 0 6px;color:var(--t-primary)}
.updated{font-size:13px;color:var(--t-faint);margin:0 0 30px}
h2{font-size:16px;font-weight:600;color:var(--t-primary);margin:34px 0 12px;
  padding-top:22px;border-top:1px solid var(--line-subtle)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
p,li{color:var(--t-muted);font-size:15px;line-height:1.7}
p{margin:10px 0}
ul{margin:10px 0;padding-left:20px}
li{margin:6px 0}
li::marker{color:var(--t-disabled)}
strong{color:var(--t-primary);font-weight:600}
em{color:var(--t-secondary);font-style:italic}
code{font-size:14px;color:var(--t-primary);background:var(--bg-raised);
  border:1px solid var(--line);border-radius:4px;padding:1px 6px}
footer.pagefoot{max-width:760px;width:100%}

/* ── liste d'états (page d'admin des agendas) ── */
.states{list-style:none;margin:0;padding:0}
.states li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:15px 0;border-bottom:1px solid var(--line-subtle);font-size:15px}
.states li:last-child{border-bottom:0}
.states .who{color:var(--t-primary);font-weight:600}
.states .mail{font-size:13px;color:var(--t-muted)}
.states .why{width:100%;font-size:13px;line-height:1.5;color:var(--t-subtle)}
.states .act{margin-left:auto;height:36px;font-size:13px}