/* Unyel : pages légales, DA « Matière » (30/10/2026). Mêmes jetons et polices que l'accueil. */
@font-face{font-family:"Mona Sans";src:url(/fonts/mona-sans.woff2) format("woff2");font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mona Sans";src:url(/fonts/mona-sans-ext.woff2) format("woff2");font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--argile:#E9E4DF;--surface:#F4F1EE;--encre:#26221F;--encre-2:#5E564F;--encre-3:#6B6159;--bleu:#2346DC;--bleu-2:#1534C4;--ombre:92,78,66;
--relief:16px 16px 36px rgba(var(--ombre),.30),-12px -12px 30px rgba(255,255,255,.9),inset 2px 2px 3px rgba(255,255,255,.75),inset -3px -3px 6px rgba(var(--ombre),.10);
--relief-s:8px 8px 18px rgba(var(--ombre),.28),-7px -7px 16px rgba(255,255,255,.9),inset 1px 1px 2px rgba(255,255,255,.8),inset -2px -2px 4px rgba(var(--ombre),.10);
--f:"Mona Sans",system-ui,sans-serif;--g:clamp(16px,3.4vw,64px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;font-family:var(--f);font-size:17px;line-height:1.6;color:var(--encre);background:var(--argile);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--bleu-2)}
.top{position:sticky;top:0;z-index:50;padding:12px var(--g) 0}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 18px;border-radius:999px;background:var(--surface);box-shadow:var(--relief-s)}
.brand{display:inline-flex;color:var(--encre);text-decoration:none}
.brand-mot{height:34px;width:auto;color:var(--encre);display:block}
.top nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.top nav a{color:var(--encre-2);text-decoration:none;font-weight:550;font-size:15px;padding:12px 16px;border-radius:999px;white-space:nowrap;transition:box-shadow .25s,color .2s}
.top nav a:hover{color:var(--encre);box-shadow:var(--relief-s)}
main{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,80px) var(--g) 72px}
h1.page{font-family:var(--f);font-weight:800;font-stretch:112%;font-size:clamp(34px,6vw,56px);line-height:1;letter-spacing:-.03em;margin:0 0 10px;text-wrap:balance}
h2,h3{font-family:var(--f);font-weight:800;font-stretch:108%;letter-spacing:-.02em;line-height:1.15}
h2{font-size:clamp(21px,2.4vw,26px);margin:40px 0 10px}
h3{font-size:18px;margin:22px 0 6px}
.maj{color:var(--encre-3);font-size:15px;margin:0 0 30px}
main p,main li{color:var(--encre-2);margin:0 0 12px}
main ul{margin:8px 0 14px 22px;padding:0}
main strong,main b{color:var(--encre)}
main table{border-collapse:separate;border-spacing:0 5px;width:100%;margin:12px 0;font-size:15px;display:block;overflow-x:auto}
main th,main td{background:var(--surface);padding:10px 14px;text-align:left;vertical-align:top}
main th{color:var(--encre);font-weight:650}
#deletionStatus{background:var(--surface);border-radius:28px;box-shadow:var(--relief-s);padding:8px 24px;margin:0 0 24px}
footer{padding:0 var(--g) 30px}
footer>.in{max-width:1560px;margin:0 auto;border-radius:40px;background:var(--surface);box-shadow:var(--relief);padding:clamp(24px,3vw,44px)}
footer .links{display:flex;flex-wrap:wrap;gap:0 22px}
footer .links a{color:var(--encre-2);text-decoration:none;font-weight:550;font-size:15px;display:inline-block;padding:11px 4px}
footer .links a:hover{color:var(--encre)}
footer .c{margin:14px 0 0;font-size:14px;color:var(--encre-3)}
a:focus-visible{outline:3px solid var(--bleu);outline-offset:3px;border-radius:6px}
@media (max-width:520px){.top-in{padding:8px 8px 8px 14px}.top nav a{padding:12px 10px;font-size:14px}.brand-mot{height:30px}}