/* Style commun des pages secondaires (mentions légales, confirmation). */
@import url('fonts/polices.css');
:root{ --ink:#12181B; --paper:#FAFAF7; --line:#D8D4C9; --signal:#E8A33D; --dim:#5B6469; --brand-bg:#11181A; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--paper); color:var(--ink); font-family:Inter,system-ui,sans-serif; font-size:16.5px; line-height:1.65; }
img{ display:block; max-width:100%; height:auto; }
a{ color:var(--ink); text-decoration-color:var(--signal); text-decoration-thickness:2px; text-underline-offset:3px; }
:focus-visible{ outline:3px solid var(--signal); outline-offset:3px; border-radius:6px; }
.wrap{ max-width:760px; margin:0 auto; padding:0 20px; }
.top{ background:var(--brand-bg); }
.top .wrap{ max-width:1160px; height:68px; display:flex; align-items:center; }
.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand .wordmark{ height:26px; width:auto; }
.page{ padding:48px 20px 72px; }
h1{ font-family:'Alfa Slab One','Rockwell Extra Bold',Rockwell,Georgia,serif; font-weight:400; font-size:clamp(30px,5vw,42px); line-height:1.1; margin:0 0 14px; color:var(--signal); letter-spacing:.3px; text-shadow:-1.5px -1.5px 0 var(--ink), 0px -1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), 1.5px 0px 0 var(--ink), 1.5px 1.5px 0 var(--ink), 0px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), -1.5px 0px 0 var(--ink), 2px 2px 0 var(--ink), 3px 3px 0 var(--ink); }
h2{ font-size:19px; margin:36px 0 8px; padding-top:14px; border-top:2px solid var(--ink); }
ul, ol{ padding-left:22px; }
li{ margin-bottom:6px; }
.muted{ color:var(--dim); font-size:14px; }
.lead{ font-size:19px; color:var(--dim); }
.todo{ background:#FFF3D6; color:#6B4A00; border-radius:6px; padding:0 5px; font-weight:600; }
.back{ margin-top:40px; }
@media (max-width:400px){ .brand .wordmark{ height:20px; } .wrap{ padding:0 16px; } .page{ padding:36px 16px 56px; } }