/* Almil Agentic — pages légales (mentions légales, confidentialité), 23 octobre 2026.
   Le texte en Newsreader sur papier, les libellés en IBM Plex Mono, la fiche de l'éditeur comme un cartouche de plan.
   Charge après style.css et bichromie.css ; pas de JavaScript. */
.legal{background:var(--papier);color:var(--bleu)}

/* en-tête : le logo et le nom mènent à l'accueil */
.legal__tete{border-bottom:1px solid var(--bleu);background:var(--papier)}
.legal__tete-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:4.5rem}
.legal__marque{display:flex;align-items:center;gap:0.875rem;color:var(--bleu);text-decoration:none;font:var(--marque-poids) 1.75rem/1 var(--marque)}
.legal__marque img{display:block;width:2.5rem;height:2.5rem}
.legal__retour{font:500 0.875rem/1 var(--pixel);color:var(--bleu);text-decoration:none;border-bottom:1px solid currentColor;padding:0.375rem 0}
.legal :focus-visible{outline:2px solid var(--bleu);outline-offset:0.1875rem}
.legal .footer :focus-visible{outline-color:var(--papier)}

/* le texte */
.legal__corps{padding-top:clamp(2.5rem,7vw,5.5rem);padding-bottom:clamp(3.5rem,8vw,7rem)}
.legal__corps > *{max-width:46rem}
.legal h1{font:400 clamp(2.5rem,5vw,3.75rem)/1.05 var(--serif);letter-spacing:-.01em;margin:0 0 0.75rem}
.legal__corps .legal__maj{font:500 0.8125rem/1.4 var(--pixel);margin:0 0 clamp(2rem,5vw,3.5rem)}
.legal__corps section{margin:0 0 clamp(1.75rem,4vw,2.75rem)}
.legal h2{font:400 1.625rem/1.2 var(--serif);margin:0 0 0.75rem}
.legal__corps p,.legal__corps li{font:400 1.125rem/1.55 var(--serif);margin:0 0 0.75rem;text-wrap:pretty}
.legal__corps ul{margin:0;padding:0 0 0 1.1em}
.legal__corps a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.1875rem}
.legal strong{font-weight:600}

/* la fiche de l'éditeur, comme un cartouche */
.legal__fiche{margin:1rem 0 0;border:1px solid var(--bleu);background:var(--papier);box-shadow:0.1875rem 0.1875rem 0 var(--ecarlate)}
.legal__fiche > div{display:grid;grid-template-columns:12rem 1fr;gap:1rem;padding:0.6875rem 1rem 0.75rem;border-top:1px dotted var(--bleu)}
.legal__fiche > div:first-child{border-top:0}
.legal__fiche dt{font:500 0.8125rem/1.6 var(--pixel)}
.legal__fiche dd{margin:0;font:400 1.125rem/1.45 var(--serif)}

/* ce qui reste à confirmer (maquette) */
.afaire{display:inline-block;white-space:nowrap;font:500 0.75rem/1.3 var(--pixel);border:1px dashed currentColor;padding:1px 0.375rem;margin-left:0.25rem;vertical-align:2px;font-style:normal}

.legal__marque,.legal__retour{white-space:nowrap}
@media (max-width:440px){
  .legal__retour{display:none}   /* le logo et le nom mènent déjà à l'accueil */
}
@media (max-width:760px){
  .legal__tete-in{height:4rem}
  .legal__marque{font-size:1.5rem;gap:0.75rem}
  .legal__marque img{width:2.125rem;height:2.125rem}
  .legal__fiche > div{grid-template-columns:1fr;gap:2px}
  .legal__corps p,.legal__corps li{font-size:1.0625rem}
}