/* Pages légales de maireo.fr : mêmes couleurs et mêmes polices que la page d'accueil. */
:root { color-scheme: light; --papier: #ffffff; --fond: #f3f6f5; --encre: #0d1517; --encre-douce: #4a5758; --filet: #d5dfdd; --turquoise: #2a9ca8; --turquoise-texte: #146a73;
	--titres: "Lexend", "Segoe UI", system-ui, sans-serif; --texte: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif; }
@media (prefers-color-scheme: dark) {
	:root { color-scheme: dark; --papier: #111d1f; --fond: #0a1314; --encre: #e7f0ef; --encre-douce: #a3b5b3; --filet: #26393c; --turquoise: #3fb3be; --turquoise-texte: #79d3db; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--fond); color: var(--encre); font: 18.5px/1.65 var(--texte); }
a { color: var(--turquoise-texte); text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--turquoise); outline-offset: 3px; }
.evitement { position: absolute; left: 12px; top: -60px; z-index: 50; background: var(--encre); color: var(--fond); padding: 10px 16px; font-weight: 700; }
.evitement:focus { top: 12px; }
.c { width: min(1100px, 100%); margin-inline: auto; padding-inline: clamp(16px, 3vw, 32px); }
.haut { background: var(--papier); border-bottom: 1px solid var(--filet); }
.haut .c { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 84px; }
.logo { text-decoration: none; }
.logo__mot { font: 800 40px/1 var(--titres); letter-spacing: -.045em; color: var(--encre); }
.logo__mot span { background: linear-gradient(90deg, #a9bab1, #2a9ca8); -webkit-background-clip: text; background-clip: text; color: transparent; }
.retour { font: 600 16px var(--titres); color: var(--encre); text-decoration: none; border-bottom: 2px solid var(--turquoise); padding-bottom: 2px; }
.retour:hover { color: var(--turquoise-texte); }
main { padding-block: clamp(40px, 6vw, 80px); }
.page { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 32px clamp(32px, 5vw, 64px); align-items: start; }
@media (max-width: 860px) { .page { grid-template-columns: minmax(0, 1fr); } }
.sommaire { position: sticky; top: 24px; border-top: 3px solid var(--encre); padding-top: 14px; font: 500 15px/1.4 var(--titres); }
.sommaire b { display: block; margin-bottom: 8px; font-weight: 700; }
.sommaire ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sommaire a { color: var(--encre); text-decoration: none; }
.sommaire a:hover { color: var(--turquoise-texte); text-decoration: underline; }
@media (max-width: 860px) { .sommaire { position: static; } }
h1 { font: 800 clamp(34px, 5vw, 56px)/1.04 var(--titres); letter-spacing: -.04em; margin: 0 0 12px; }
.chapo { font-size: 20px; color: var(--encre-douce); margin: 0 0 12px; max-width: 40em; }
section { margin-top: 48px; }
h2 { font: 700 clamp(24px, 3vw, 30px)/1.15 var(--titres); letter-spacing: -.025em; margin: 0 0 16px; padding-top: 18px; border-top: 1px solid var(--filet); }
h3 { font: 700 19px/1.3 var(--titres); margin: 24px 0 6px; }
p { margin: 0 0 14px; max-width: 46em; }
dl { margin: 0 0 14px; border: 1px solid var(--filet); background: var(--papier); }
dl > div { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 4px 20px; padding: 12px 18px; }
dl > div + div { border-top: 1px solid var(--filet); }
@media (max-width: 640px) { dl > div { grid-template-columns: minmax(0, 1fr); } }
dt { font: 600 15px/1.5 var(--titres); color: var(--encre-douce); }
dd { margin: 0; overflow-wrap: anywhere; }
.maj { color: var(--encre-douce); font-size: 16px; margin-top: 40px; }
.pied { background: var(--papier); border-top: 1px solid var(--filet); padding-block: 32px; font-size: 16px; color: var(--encre-douce); }
.pied .c { display: flex; flex-wrap: wrap; gap: 14px 32px; align-items: center; justify-content: space-between; }
.pied .logo__mot { font-size: 30px; }
.pied nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.pied a { color: var(--encre-douce); }