/* Styles communs des pages secondaires (brief, pages légales, remerciements) */
@font-face{font-family:Inter;src:url(fonts/inter-latin-wght.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(fonts/inter-tight-latin-wght.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --ink:#131418;--ink-2:#22242B;--ink-soft:#4A4F5C;
  --white:#FFFFFF;--mist:#F2F3F5;--line:#E3E5E9;
  --ember:#D13D14;--ember-dark:#B5340F;--ember-tint:#FBE1D7;
}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo span{font-family:"Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-0.02em}
a{color:inherit}
:focus-visible{outline:3px solid var(--ember);outline-offset:3px;border-radius:6px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

.top{border-bottom:1px solid var(--line)}
.top .wrap{max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo{display:inline-flex;align-items:flex-end;gap:10px;text-decoration:none}
.logo span{font-weight:800;font-size:26px;letter-spacing:-0.035em;line-height:1}
.back{font-weight:600;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.back:hover{color:var(--ember)}

main{padding:64px 0 96px}
h1{margin:0;font-size:clamp(36px,5vw,54px);font-weight:800;line-height:1.04;letter-spacing:-0.035em}
.intro{margin:20px 0 0;font-size:20px;color:var(--ink-soft);max-width:60ch}
.updated{margin:14px 0 0;font-size:15px;color:var(--ink-soft)}

/* Texte légal */
.legal h2{margin:48px 0 12px;font-size:24px;font-weight:800;line-height:1.2}
.legal h3{margin:28px 0 8px;font-size:19px;font-weight:700}
.legal p,.legal ul{margin:0 0 14px;max-width:68ch}
.legal ul{padding-left:22px}
.legal li{margin-bottom:6px}
.todo{background:var(--ember-tint);color:var(--ember-dark);font-weight:600;padding:1px 6px;border-radius:6px}
.toc{margin:36px 0 0;padding:20px 24px;background:var(--mist);border-radius:16px}
.toc p{margin:0 0 8px;font-weight:700}
.toc ol{margin:0;padding-left:22px;columns:2;column-gap:32px;font-size:16px}
.toc a{text-decoration:none}
.toc a:hover{color:var(--ember)}
@media (max-width:560px){.toc ol{columns:1}}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:14px;font-weight:700;font-size:17px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;background:var(--ink);color:var(--white);transition:background-color .15s}
.btn:hover{background:var(--ink-2)}
.btn-ember{background:var(--ember)}
.btn-ember:hover{background:var(--ember-dark)}
.btn[disabled]{opacity:.6;cursor:progress}

footer{border-top:1px solid var(--line);padding:32px 0;font-size:15px;color:var(--ink-soft)}
footer .wrap{max-width:1180px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}