/* SpicyDare — pages légales (style partagé, sobre et lisible) */
:root{
  --bg:#160910; --cream:#f7efe9; --dim:#d9c7cf; --muted:#bb9fad;
  --pink:#ff6b9d; --purple:#a855f7; --stroke:rgba(255,255,255,.10);
  --surface:rgba(255,255,255,.045); --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--cream);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
body::before{content:"";position:fixed;inset:0;z-index:-1;
  background:
    radial-gradient(36rem 26rem at 10% -8%,rgba(255,107,157,.14),transparent 60%),
    radial-gradient(40rem 30rem at 102% 6%,rgba(168,85,247,.16),transparent 60%),
    linear-gradient(180deg,#160910,#120710 60%,#170a13);}
a{color:var(--pink);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
header.bar{position:sticky;top:0;z-index:10;
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  background:rgba(18,8,14,.55);border-bottom:1px solid var(--stroke)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.08rem;color:var(--cream)}
.brand b{font-weight:800}
.brand svg{width:28px;height:28px}
.back{font-size:.92rem;font-weight:500;color:var(--dim)}
main{padding:48px 0 72px}
.serif{font-family:'Fraunces',Georgia,serif;font-style:italic}
h1{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:600;
  font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.01em;margin-bottom:.4rem}
.lead{color:var(--dim);margin-bottom:8px}
.updated{color:var(--muted);font-size:.85rem;margin-bottom:26px}
.draft{
  border:1px solid rgba(255,112,67,.45);background:rgba(255,112,67,.10);
  border-radius:14px;padding:14px 18px;margin:0 0 34px;color:#ffd9c9;font-size:.92rem}
.draft b{color:#fff}
h2{font-size:1.3rem;margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--stroke)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:1.05rem;margin:18px 0 6px}
p,li{color:var(--dim)}
p{margin:10px 0}
ul,ol{margin:10px 0 10px 22px}
li{margin:6px 0}
.todo{color:#ffb38f;font-style:italic}
.box{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:16px 18px;margin:14px 0}
footer{border-top:1px solid var(--stroke);padding:30px 0;color:var(--muted);font-size:.85rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
footer a{color:var(--muted)}
.nav-legal{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}