/* Compléments au modèle (modele.css) : polices hébergées, logos, formulaire, pages légales. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin.woff2) format('woff2')}

/* Logos (fichiers officiels au lieu du dessin intégré) */
nav .logo{display:flex;flex:none}
nav .logo img{display:block;height:54px;width:auto}
footer .logo img{display:block;height:30px;width:auto}
@media(max-width:520px){nav .logo img{height:44px}}

/* Formulaire */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f .opt{opacity:.7;font-weight:400}
.f .rgpd{font-size:13px;opacity:.8;line-height:1.5;margin:0}
.f .rgpd a{color:#BBD9F8}
.f textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}
.f input::placeholder,.f textarea::placeholder{color:rgba(233,241,251,.72)}

/* Pages légales */
.legal{max-width:780px;padding-block:64px 88px;display:flex;flex-direction:column;gap:44px}
.lh{display:flex;flex-direction:column;gap:12px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.lh h1{font-size:clamp(34px,5vw,52px);font-weight:800}
.ld{color:var(--mut);font-size:14px}
.legal section{display:flex;flex-direction:column;gap:14px}
.legal h2{font-size:20px;font-weight:700;padding-bottom:10px;border-bottom:1px solid var(--line)}
.legal p,.legal li{color:var(--mut);font-size:16px;line-height:1.65}
.legal strong{color:var(--ink);font-weight:700}
.legal a{color:var(--cyt);text-underline-offset:3px}
.legal ul{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal .nt{font-size:14px;border-left:3px solid var(--line);padding:4px 0 4px 14px}
.legal .encart{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:20px;padding:22px 24px}
.legal .encart h2{border:0;padding:0}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.tw table{width:100%;border-collapse:collapse;font-size:14.5px}
.tw th{background:var(--ice);text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:10px 14px;border-bottom:1px solid var(--line)}
.tw td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);line-height:1.5}
.tw tr:last-child td{border-bottom:0}
.bd{display:inline-block;font:500 11px 'JetBrains Mono',monospace;letter-spacing:.06em;border:1px solid var(--line);border-radius:6px;padding:2px 7px;white-space:nowrap;background:var(--ice);color:var(--ink)}
.bd.fa{background:transparent;color:var(--mut)}
.lnav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:28px;border-top:1px solid var(--line);font-size:15px}
.lnav a{color:var(--mut);text-decoration:none;font-weight:600}.lnav a:hover{color:var(--cyt);text-decoration:underline}

/* Merci et 404 */
.msg{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding-block:80px}
.msg h1{font-size:clamp(32px,5vw,52px);font-weight:800;max-width:760px}
.msg p{color:var(--mut);font-size:18px;max-width:560px}

/* Pied de page : liens groupés */
footer .fl{display:flex;gap:8px 20px;flex-wrap:wrap}
nav a.btn{white-space:nowrap}
@media(max-width:400px){nav .logo img{height:36px}}