/* Pages légales de 2ndRun : la même encre, la même coupe, rien d'autre */
:root { --noir: #0E0E0D; --creme: #F4F1EA; --terre: #E0A588; --quiet: rgba(244,241,234,.6); --ligne: rgba(244,241,234,.16);
  --geist: "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace; --gutter: clamp(20px, 4vw, 56px); }
* { box-sizing: border-box; margin: 0; }
html { -webkit-text-size-adjust: 100%; }
body { background: var(--noir); color: var(--creme); font: 400 17px/1.6 var(--geist); -webkit-font-smoothing: antialiased; }
a { color: var(--terre); text-underline-offset: 3px; }
a:hover { color: var(--creme); }
.mono { font-family: var(--mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
header { display: flex; justify-content: space-between; align-items: center; padding: 22px var(--gutter); }
header .sceau { display: block; width: 58px; color: var(--creme); }
header .sceau svg { width: 100%; height: auto; display: block; }
header .retour { color: var(--quiet); text-decoration: none; }
header .retour:hover { color: var(--terre); }
main { max-width: 720px; margin: 0 auto; padding: clamp(40px, 8vw, 96px) var(--gutter) 80px; }
.surtitre { color: var(--terre); display: flex; align-items: center; gap: 12px; }
.surtitre::before { content: ""; width: 18px; height: 18px; background: var(--terre); clip-path: polygon(0 100%, 100% 0, 100% 100%); }
h1 { font-weight: 800; font-size: clamp(44px, 7vw, 84px); line-height: .92; letter-spacing: -.045em; margin: 18px 0 14px; }
.maj { color: var(--quiet); }
section { border-top: 1px solid var(--ligne); margin-top: 44px; padding-top: 20px; }
h2 { font-family: var(--mono); font-weight: 400; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--terre); margin-bottom: 12px; }
p + p, p + ul, ul + p { margin-top: 12px; }
ul { padding-left: 1.1em; } li + li { margin-top: 6px; } li::marker { color: var(--terre); }
strong { font-weight: 500; }
.a-verifier { background: rgba(224,165,136,.16); outline: 1px dashed var(--terre); padding: 0 .2em; }
footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding: 28px var(--gutter) 36px; border-top: 1px solid var(--ligne); color: var(--quiet); }
footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
footer a { color: var(--quiet); }
footer a:hover, footer a[aria-current] { color: var(--creme); }
