/* Shared by the privacy and terms pages. Same palette and type as the landing page,
   but set for reading: one narrow column, no panels, no devices. A legal page that
   tries to look like a landing page is harder to read and trusted less. */
:root{
  --paper:#FBF9F6; --paper-2:#F3EEE7; --ink:#12100E; --ink-soft:#5D554C;
  --line:#E4DCD1; --accent:#B4531F;
}
@media (prefers-color-scheme:dark){
  :root{ --paper:#12100E; --paper-2:#1B1815; --ink:#F4EFE7; --ink-soft:#A79C90;
         --line:#2C2724; --accent:#E5924F; }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px; line-height:1.65; letter-spacing:-.011em; -webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px}
.wrap{width:min(100% - 2.5rem, 44rem); margin-inline:auto}

header{border-bottom:1px solid var(--line)}
.bar{display:flex; align-items:center; height:64px; gap:1.5rem}
.brand{display:flex; align-items:center; gap:.55rem; font-weight:600; font-size:1.06rem;
  letter-spacing:-.024em; text-decoration:none}
.mark{width:26px; height:26px; border-radius:8px; background:var(--ink); display:grid; place-items:center; flex:none}
.mark i{width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:9px 0 0 var(--paper)}
.bar nav{margin-left:auto; display:flex; gap:1.5rem}
.bar nav a{color:var(--ink-soft); text-decoration:none; font-size:.94rem}
.bar nav a:hover{color:var(--ink)}

main{padding:4rem 0 5rem}
h1{font-size:clamp(2.1rem,4.5vw,2.9rem); font-weight:600; letter-spacing:-.034em; line-height:1.08; margin:0}
.updated{color:var(--ink-soft); font-size:.92rem; margin:.9rem 0 0}
.intro{font-size:1.1rem; color:var(--ink-soft); margin:1.75rem 0 0}
h2{font-size:1.28rem; font-weight:600; letter-spacing:-.02em; margin:3rem 0 .8rem; line-height:1.25}
h3{font-size:1.02rem; font-weight:600; margin:1.75rem 0 .5rem}
p{margin:0 0 1rem}
ul{margin:0 0 1rem; padding-left:1.15rem}
li{margin-bottom:.45rem}
.note{border-left:2px solid var(--accent); padding:.25rem 0 .25rem 1rem; margin:1.5rem 0; color:var(--ink-soft)}
table{width:100%; border-collapse:collapse; margin:1rem 0 1.5rem; font-size:.95rem; display:block; overflow-x:auto}
th,td{text-align:left; padding:.6rem .8rem .6rem 0; border-bottom:1px solid var(--line); vertical-align:top}
th{font-weight:600; font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft)}
code{background:var(--paper-2); padding:.1rem .3rem; border-radius:4px; font-size:.9em}

footer{border-top:1px solid var(--line); padding:2.5rem 0 3.5rem; color:var(--ink-soft); font-size:.9rem}
footer a{color:var(--ink-soft)}
footer a:hover{color:var(--accent)}
.fbot{display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap}