/* Feuille de style partagée par toutes les pages légales Stoleez */
:root{
  --bg:#fdfcf9; --surface:#f6f3ec; --border:#e6e2d9; --border-strong:#ddd8cc;
  --text:#0f0e0c; --text-secondary:#35332e; --text-muted:#706d65;
  --accent:#c8471e; --accent-soft:#f7ece7; --accent-border:#e3c4b8; --card:#fff;
  --font-ui:"Space Grotesk",system-ui,sans-serif;
  --font-serif:"Fraunces",Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font-ui);background:var(--bg);color:var(--text);
  -webkit-font-smoothing:antialiased;line-height:1.65;
}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}

.legal-top{
  position:sticky;top:0;z-index:10;
  background:rgba(253,252,249,.82);backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid var(--border);
}
.legal-top__in{
  max-width:820px;margin-inline:auto;padding:15px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.legal-top .logo{font-family:var(--font-serif);font-weight:600;font-size:21px;color:var(--text);text-decoration:none}
.legal-top a.back{font-size:13.5px;font-weight:600;color:var(--text-secondary);text-decoration:none}
.legal-top a.back:hover{color:var(--accent)}

.legal-wrap{max-width:820px;margin-inline:auto;padding:56px 24px 96px}
.legal-wrap h1{
  font-family:var(--font-serif);font-weight:500;font-size:clamp(2rem,4vw,2.8rem);
  line-height:1.1;letter-spacing:-.02em;
}
.legal-meta{margin-top:12px;font-size:13.5px;color:var(--text-muted)}
.legal-intro{
  margin-top:26px;padding:20px 22px;background:var(--surface);
  border:1px solid var(--border);border-radius:14px;font-size:14.5px;color:var(--text-secondary);
}
.legal-wrap h2{
  font-family:var(--font-serif);font-weight:500;font-size:1.55rem;letter-spacing:-.01em;
  margin-top:48px;padding-top:22px;border-top:1px solid var(--border);
}
.legal-wrap h3{font-size:1.02rem;font-weight:700;margin-top:26px;letter-spacing:-.01em}
.legal-wrap p{margin-top:13px;font-size:15px;color:var(--text-secondary)}
.legal-wrap ul,.legal-wrap ol{margin-top:13px;padding-left:22px;font-size:15px;color:var(--text-secondary)}
.legal-wrap li{margin-top:8px}
.legal-wrap strong{color:var(--text);font-weight:600}

/* Emplacements que l'éditeur du site doit obligatoirement compléter */
.fill{
  background:#fff3cd;border-bottom:2px solid #e0a800;color:#5c4400;
  padding:1px 6px;border-radius:4px;font-weight:600;font-size:.93em;white-space:nowrap;
}
.todo{
  margin-top:20px;padding:16px 18px;background:#fff8e6;border:1px solid #e8cf8f;
  border-left:4px solid #e0a800;border-radius:10px;font-size:14px;color:#5c4400;
}
.todo b{color:#3d2e00}

table.legal{
  width:100%;margin-top:16px;border-collapse:collapse;font-size:14px;
  border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
table.legal th,table.legal td{
  text-align:left;padding:11px 13px;border-bottom:1px solid var(--border);
  vertical-align:top;color:var(--text-secondary);
}
table.legal th{background:var(--surface);color:var(--text);font-weight:700;font-size:12.5px}
table.legal tr:last-child td{border-bottom:none}

.legal-foot{
  border-top:1px solid var(--border);padding:26px 24px 40px;
  max-width:820px;margin-inline:auto;font-size:13px;color:var(--text-muted);
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;
}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:16px}
.legal-foot a{color:var(--text-muted);text-decoration:none}
.legal-foot a:hover{color:var(--accent)}

@media (max-width:600px){
  .legal-wrap{padding:36px 20px 72px}
  table.legal{display:block;overflow-x:auto}
}