*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,sans-serif;background:#070a14;color:#cbd5e1;line-height:1.7}
.nav{padding:1.2rem 2rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:1rem}
.logo{display:inline-flex;align-items:center;text-decoration:none}
.logo img{height:24px;width:auto;display:block}
.back{margin-left:auto;color:#64748b;text-decoration:none;font-size:.9rem}
.back:hover{color:#94a3b8}
.wrap{max-width:980px;margin:0 auto;padding:2.5rem 2rem 4rem}
h1{font-size:2rem;color:#f1f5f9;margin-bottom:.5rem}
.meta{color:#64748b;font-size:.9rem;margin-bottom:2rem}
h2{font-size:1.2rem;color:#e2e8f0;margin:2rem 0 .7rem}
p{margin-bottom:1rem;color:#94a3b8}
ul{margin:.4rem 0 1rem 1.2rem;color:#94a3b8}
li{margin-bottom:.35rem}
a{color:#3b82f6;text-decoration:none}
a:hover{text-decoration:underline}

/* security.html specific */
.card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.1rem;margin:1rem 0}
.label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;margin-bottom:.35rem}

/* subprocessors.html specific */
table{width:100%;border-collapse:collapse;margin-top:1rem}
th,td{border:1px solid rgba(255,255,255,.12);padding:.65rem .75rem;text-align:left;vertical-align:top}
th{background:rgba(255,255,255,.05);color:#e2e8f0;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
td{font-size:.92rem;color:#cbd5e1}
.note{margin-top:1.2rem;font-size:.9rem;color:#94a3b8}

/* security.html has .wrap at max-width 860, different from 980 */
.wrap.wrap--narrow{max-width:860px}