/* Pages légales et pages de compte : typographie de marque, mise en page de lecture. */
body{margin:0;background:var(--jc-paper,#f6f4ef);color:var(--jc-ink,#0e0f12);font-family:var(--jc-sans,system-ui,sans-serif);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.legal-top{border-bottom:1px solid var(--jc-line,#dcd9d1);background:var(--jc-card,#fff)}
.legal-top nav{max-width:760px;margin:0 auto;padding:14px 20px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.legal-top a{color:var(--jc-ink-2,#2a2c31);text-decoration:none;font-size:14px}
.legal-top a.brand{font-family:var(--jc-display,sans-serif);font-weight:700;font-size:18px;margin-right:auto;color:var(--jc-ink,#0e0f12)}
.legal-top a[aria-current]{color:var(--jc-red-deep,#c92a36)}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-family:var(--jc-display,sans-serif);font-size:clamp(28px,5vw,40px);line-height:1.1;margin:0 0 8px}
h2{font-family:var(--jc-display,sans-serif);font-size:22px;margin:36px 0 8px}
h3{font-size:17px;margin:22px 0 6px}
p,li{color:var(--jc-ink-2,#2a2c31)}
.updated{color:var(--jc-muted,#6b6c70);font-family:var(--jc-mono,monospace);font-size:13px}
.todo{background:var(--jc-warn-soft,#fbefd2);border-radius:4px;padding:0 4px;font-weight:600}
.note{background:var(--jc-card,#fff);border:1px solid var(--jc-line,#dcd9d1);border-radius:var(--jc-r,10px);padding:14px 16px}
table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
th,td{border:1px solid var(--jc-line,#dcd9d1);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--jc-paper-2,#eceae3)}
form{display:grid;gap:12px;max-width:420px;margin-top:20px}
label{font-weight:600;font-size:14px}
input{font:inherit;padding:10px 12px;border:1px solid var(--jc-line-strong,#c4c0b6);border-radius:var(--jc-r-sm,6px);background:#fff}
button{font:inherit;font-weight:600;padding:11px 16px;border:0;border-radius:var(--jc-r-pill,999px);background:var(--jc-ink,#0e0f12);color:#fff;cursor:pointer}
button[disabled]{opacity:.5;cursor:default}
.msg{min-height:1.5em}
.msg.err{color:var(--jc-red-deep,#c92a36)}
.msg.ok{color:var(--jc-go,#1f9d63)}
footer{max-width:760px;margin:0 auto;padding:0 20px 40px;color:var(--jc-muted,#6b6c70);font-size:13px}

/* Mobile : barre de liens au doigt, tableaux empilés en fiches, marges sûres (encoche iOS) */
.legal-top nav{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
main,footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
footer{padding-bottom:calc(40px + env(safe-area-inset-bottom))}
main{overflow-wrap:anywhere}
@media (max-width:600px){
  .legal-top nav{gap:0 16px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}
  .legal-top a{display:inline-flex;align-items:center;min-height:44px}
  .legal-top a.brand{flex:1 1 100%;margin-right:0}
  main{padding-top:24px}
  h2{font-size:20px;margin-top:30px}
  table,tbody,tr,td,th{display:block;width:100%;box-sizing:border-box}
  table{border:0;margin:12px 0}
  tr:has(> th){display:none}
  tr{margin:0 0 12px;border:1px solid var(--jc-line,#dcd9d1);border-radius:var(--jc-r,10px);background:var(--jc-card,#fff);overflow:hidden}
  td{border:0;border-top:1px solid var(--jc-line,#dcd9d1);padding:10px 14px}
  td:first-child{border-top:0;background:var(--jc-paper-2,#eceae3)}
  td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12.5px;font-weight:600;color:var(--jc-muted,#6b6c70)}
  form{max-width:none}
  input{font-size:16px;min-height:44px}
  button{min-height:48px}
}
[hidden] { display: none !important; }

/* Passe mobile et DA (25/09, docs/mobile-audit.md) : logo officiel, liens à l'encre, pied de page au doigt, pas de mono */
.legal-top a.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px}
.legal-top a.brand img{width:26px;height:auto}
.updated{font-family:var(--jc-sans,system-ui,sans-serif);font-size:14px}
main a{color:var(--jc-ink,#0e0f12);text-decoration:underline;text-decoration-color:var(--jc-red,#f2434f);text-underline-offset:3px;text-decoration-thickness:1.5px}
main a:hover{color:var(--jc-red-deep,#c92a36)}
footer{border-top:1px solid var(--jc-line,#dcd9d1);padding-top:16px;font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:0 20px}
footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--jc-ink-2,#2a2c31);text-decoration:none;font-size:15px}
footer nav a:hover{color:var(--jc-red-deep,#c92a36);text-decoration:underline;text-underline-offset:3px}
footer p{margin:8px 0 0}
:focus-visible{outline:2px solid var(--jc-red,#f2434f);outline-offset:3px;border-radius:4px}
@media (max-width:600px){
  .legal-top a:not(.brand){font-size:15px}
  .updated{font-size:14px}
  input{font-size:16px}
  table{font-size:15px}
}
/* Noms de cookies : pas de police mono dans la DA, une pastille discrète suffit */
code{font-family:inherit;font-size:.94em;padding:1px 6px;border-radius:6px;background:#eceae3;overflow-wrap:anywhere}