/* Text pages (privacy, terms). Colours and fonts come from theme.css. */
*{box-sizing:border-box}
body{
  margin:0; background:var(--color-bg); color:var(--color-text);
  font-family:var(--body); font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--color-text); font-weight:600; text-decoration-color:var(--color-border-control); text-underline-offset:3px}
a:hover{color:var(--color-text-accent); text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--color-focus); outline-offset:3px; border-radius:2px}

.page-bar{border-bottom:1px solid var(--color-border); background:var(--color-surface)}
.page-bar .in,.doc,.page-foot .in{max-width:760px; margin-inline:auto; padding-inline:20px}
.page-bar .in{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:62px}
.brand{font-family:var(--display); font-weight:700; font-size:1.2rem; text-decoration:none; color:var(--color-text)}
.back{font-size:.88rem}

.doc{padding-block:48px 64px}
.eyebrow{font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--color-text-accent)}
h1{font-family:var(--display); font-weight:600; font-size:clamp(2rem,6vw,2.8rem); line-height:1.15; margin:10px 0 8px}
.updated{color:var(--color-text-muted); font-size:.9rem; margin:0 0 32px}
h2{font-family:var(--display); font-weight:600; font-size:1.35rem; line-height:1.25; margin:36px 0 10px}
p,li{color:var(--color-text)}
ul{padding-inline-start:22px}
li{margin-block:6px}
.note{background:var(--color-surface-alt); border:1px solid var(--color-border); border-radius:3px; padding:16px 18px; color:var(--color-text)}

.page-foot{border-top:1px solid var(--color-border); background:var(--color-surface); padding-block:28px; font-size:.88rem; color:var(--color-text-muted)}
.page-foot .in{display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:space-between}