/* The privacy statement (/privacy/, 5.7.0): a plain reading page in the site's colours and fonts (the design system's
   tokens), one column of about 70 characters. No script. */
*,*::before,*::after{box-sizing:border-box;}
html{background:var(--bg-dark);color:var(--text-primary);scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h, 64px) + 16px);}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-prose);background:var(--bg-dark);}
a{color:var(--accent);text-underline-offset:3px;}
a:hover{color:var(--accent-dark);}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;}

.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px max(16px, calc(40 * var(--sp)));background:var(--black);border-bottom:1px solid var(--divider);}
.logo img{display:block;height:24px;width:auto;}
.bar-links{display:flex;gap:calc(20 * var(--sp));flex-wrap:wrap;font-family:var(--font-body);font-weight:500;font-size:var(--fs-meta);}
.bar-links a{color:var(--text-primary);text-decoration:none;}
.bar-links a:hover{color:var(--accent);}
.bar-links .back{color:var(--text-secondary);}

main{max-width:calc(720 * var(--ui));margin:0 auto;padding:calc(64 * var(--sp)) max(16px, calc(24 * var(--sp))) calc(40 * var(--sp));}
article + article{margin-top:calc(96 * var(--sp));padding-top:calc(64 * var(--sp));border-top:1px solid var(--divider);}
.eyebrow{margin:0 0 calc(14 * var(--sp));font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.02em;text-wrap:balance;}
.meta{margin:calc(10 * var(--sp)) 0 0;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-secondary);}
.lead{margin:calc(32 * var(--sp)) 0 0;font-size:var(--fs-body-lg);color:var(--text-primary);}
h2{margin:calc(48 * var(--sp)) 0 calc(12 * var(--sp));font-family:var(--font-display);font-weight:600;font-size:var(--fs-sub);letter-spacing:-.01em;line-height:1.2;text-wrap:balance;}
p{margin:0 0 calc(16 * var(--sp));color:var(--text-secondary);}
p strong{color:var(--text-primary);font-weight:600;}
code{font-family:var(--font-mono);font-size:.9em;color:var(--text-primary);}

.table-wrap{overflow-x:auto;margin:calc(8 * var(--sp)) 0 calc(20 * var(--sp));border:1px solid var(--divider);border-radius:8px;}
table{width:100%;border-collapse:collapse;font-size:var(--fs-meta);line-height:var(--lh-desc);}
th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--divider);}
tr:last-child td{border-bottom:0;}
th{font-family:var(--font-mono);font-weight:400;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-mid);}
td{color:var(--text-secondary);min-width:120px;}
td strong{color:var(--text-primary);}

/* phones: each table row becomes a small card (label above each value), so nothing scrolls sideways */
@media (max-width:600px){
  .table-wrap{border:0;overflow:visible;}
  table,tbody,tr,td{display:block;}
  thead{display:none;}
  tr{border:1px solid var(--divider);border-radius:8px;margin-bottom:12px;}
  td{border-bottom:0;padding:8px 14px;min-width:0;}
  td::before{content:attr(data-label);display:block;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;}
}
.foot{display:flex;gap:calc(24 * var(--sp));flex-wrap:wrap;justify-content:center;padding:calc(40 * var(--sp)) 16px;border-top:1px solid var(--divider);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-secondary);}
.foot a{color:var(--text-primary);}