/* doc-hero.css — utilisé par : cookie-policy.html, politique-cookies.html */
.doc-hero{
  padding:120px 0 30px;
}
.doc-hero h1{
  font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,4.5vw,44px);
  font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:14px 0 12px;
}
.doc-maj{
  font-family:'Space Mono',monospace;font-size:12px;color:var(--muted-2);
  letter-spacing:.08em;text-transform:uppercase;
}
.doc{
  max-width:760px;padding-bottom:70px;
}
.doc h2{
  font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600;
  margin:44px 0 14px;padding-top:26px;border-top:1px solid var(--line);
}
.doc h3{
  font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;margin:26px 0 8px;
}
.doc p{
  color:var(--muted);line-height:1.72;margin-bottom:15px;font-size:16px;
}
.doc ul{
  list-style:none;padding:0;margin:0 0 18px;
}
.doc ul li{
  position:relative;padding-left:20px;margin-bottom:10px;color:var(--muted);
  line-height:1.65;font-size:15.5px;
}
.doc ul li:before{
  content:'';position:absolute;left:0;top:9px;width:6px;height:6px;
  border-radius:50%;background:var(--signal);
}
.doc a{
  color:var(--violet-bright);
}
.doc strong{
  color:var(--ink);font-weight:600;
}
.doc-tableau{
  width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:14.5px;
}
.doc-tableau th{
  text-align:left;font-family:'Space Mono',monospace;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);
  padding:0 14px 10px 0;border-bottom:1px solid var(--line-strong);font-weight:700;
}
.doc-tableau td{
  padding:13px 14px 13px 0;border-bottom:1px solid var(--line);
  color:var(--muted);line-height:1.5;vertical-align:top;
}
.doc-tableau td:first-child{
  color:var(--ink);font-weight:600;white-space:nowrap;
}
.doc-encadre{
  background:var(--surface-3);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:22px 0;
}
.doc-encadre p{
  margin-bottom:0;font-size:15px;
}
.doc-bouton{
  display:inline-flex;align-items:center;gap:.5rem;font-weight:600;
  border-radius:9999px;padding:.75rem 1.5rem;font-size:15px;border:1px solid var(--line-strong);
  background:transparent;color:var(--ink);cursor:pointer;font-family:'Inter',sans-serif;
  transition:.18s;margin-top:6px;
}
.doc-bouton:hover{
  border-color:var(--violet);background:rgba(109,92,224,.06);
}
@media(max-width:600px){
  .doc-hero{
  padding:100px 0 24px;
  }
}
@media(max-width:600px){
  .doc-tableau,.doc-tableau tbody,.doc-tableau tr,.doc-tableau td{
  display:block;width:100%;
  }
}
@media(max-width:600px){
  .doc-tableau thead{
  display:none;
  }
}
@media(max-width:600px){
  .doc-tableau tr{
  border-bottom:1px solid var(--line-strong);padding:12px 0;
  }
}
@media(max-width:600px){
  .doc-tableau td{
  border:0;padding:3px 0;
  }
}