/* Shared styling for the document pages (privacy policy, account deletion).
   Same palette and type as index.html, but a reading layout: one column, generous
   line length, no animation. */
:root{
  --ink:#0B0B23;
  --rose:#E5187E;
  --paper:#FFFFFF; --cream:#FBF7FA; --mist:#F4F1F9; --line:#E9E4F0;
  --text:#1A1730; --muted:#645E7D;
  --grad:linear-gradient(120deg,#F0338A 0%,#A03BE0 52%,#3F6FE0 100%);
  --grad-warm:linear-gradient(120deg,#FF4E9B 0%,#E5187E 55%,#A6238C 100%);
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--rose)}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

header{background:var(--ink);color:#fff;padding:18px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.mark{width:34px;height:34px;border-radius:10px;display:block;flex:none}
.brand b{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:1.22rem}
.brand span span{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:-2px}
.nav a.back{color:rgba(255,255,255,.75);font-size:.9rem;text-decoration:none}
.nav a.back:hover{color:#fff;text-decoration:none}

.hero{background:var(--ink);color:#fff;padding:28px 0 60px}
.hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.01em;
  font-size:clamp(2.1rem,5vw,3rem);line-height:1.12;margin:0 0 14px}
.hero p{color:rgba(255,255,255,.76);margin:0;max-width:34em}
.stamp{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 15px;border-radius:999px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:.82rem;color:rgba(255,255,255,.8)}

main{padding:clamp(44px,6vw,72px) 0 clamp(56px,7vw,88px)}
main h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:1.6rem;line-height:1.25;
  margin:44px 0 14px;letter-spacing:-.01em}
main h2:first-of-type{margin-top:0}
main h3{font-size:1.04rem;font-weight:600;margin:26px 0 8px}
main p{margin:0 0 16px}
main ul{margin:0 0 18px;padding-left:22px}
main li{margin-bottom:9px}
main li::marker{color:var(--rose)}
strong{font-weight:600}
.callout{background:var(--mist);border:1px solid var(--line);border-left:3px solid var(--rose);
  border-radius:14px;padding:20px 22px;margin:26px 0}
.callout p:last-child{margin-bottom:0}
.toc{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin-bottom:40px}
.toc h4{margin:0 0 12px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.toc li{margin-bottom:7px;font-size:.93rem}
table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:.93rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;background:var(--cream)}
.table-scroll{overflow-x:auto}

footer{background:#07071a;color:rgba(255,255,255,.55);padding:36px 0;font-size:.87rem}
.f-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:rgba(255,255,255,.75);text-decoration:none}
footer a:hover{color:#fff}

@media (max-width:640px){
  body{font-size:16px}
  .toc ol{columns:1}
}