/* Page d'accueil interne. Feuille externe et non `<style>` en ligne :
   la politique de sécurité du site interdit le style en ligne, et une
   page qui mène à des données de santé n'a pas à y faire exception. */
:root { --encre:#221E18; --doux:#6B635A; --creme:#FAFAF8; --or:#A9834B; --or-f:#8A6535; --trait:#E3DED5; }
  *,*::before,*::after { box-sizing:border-box }
  body { margin:0; padding:0 1.25rem 4rem; background:var(--creme); color:var(--encre);
    font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif }
  main { max-width:44rem; margin-inline:auto }
  header { padding:4rem 0 2.5rem }
  .marque { margin:0 0 1.25rem; font-size:.75rem; letter-spacing:.18em;
    text-transform:uppercase; color:var(--or-f); font-weight:600 }
  h1 { margin:0 0 .75rem; font-size:clamp(1.75rem,5vw,2.4rem); font-weight:600 }
  .chapo { margin:0; color:var(--doux); max-width:34rem }
  .portes { display:grid; gap:.85rem }
  a.porte { display:flex; gap:1.1rem; align-items:baseline; padding:1.25rem 1.4rem;
    background:#fff; border:1px solid var(--trait); border-radius:12px;
    text-decoration:none; color:inherit; transition:border-color .15s, transform .15s }
  a.porte:hover { border-color:var(--or); transform:translateY(-1px) }
  a.porte .fleche { margin-left:auto; color:var(--or-f); font-size:1.2rem }
  .porte strong { display:block; font-size:1.05rem; margin-bottom:.15rem }
  .porte span.desc { color:var(--doux); font-size:.9rem }
  .acces { display:inline-block; padding:.1rem .5rem; border-radius:999px; font-size:.7rem;
    font-weight:600; letter-spacing:.03em; text-transform:uppercase;
    background:#EFECE5; color:var(--doux); white-space:nowrap }
  .acces.equipe { background:#F1EAF4; color:#6A4176 }
  .acces.public { background:#E7F0E9; color:#3F7A50 }
  .identifiants { margin-top:2rem; padding:1.1rem 1.4rem; border-left:3px solid var(--or);
    background:#fff; border-radius:0 12px 12px 0; font-size:.9rem }
  .identifiants code { font-family:ui-monospace,monospace; background:#F4F2EE;
    padding:.1rem .4rem; border-radius:4px }
  footer { margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--trait);
    font-size:.82rem; color:var(--doux) }

.doux { color: var(--doux); }