/* App legal pages (terms, privacy, refunds, cookies): the landing's .doc look
   (web/legal/public/site.css) on the app tokens. Styling only, wording untouched. */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.doc { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; background: var(--bg); color: var(--fg);
  font: 16px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
.doc a { color: var(--accent); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.doc a:hover { color: var(--accent-strong); }
.doc .brandbar { display: flex; align-items: center; min-height: 64px; margin-bottom: 40px; border-bottom: 1px solid var(--border); }
.doc .brandbar a { display: flex; align-items: center; gap: 10px; color: var(--fg); text-decoration: none; font-weight: 700; font-size: 1.1rem; letter-spacing: -0.01em; }
.doc .brandbar img { width: 30px; height: 30px; display: block; }
.doc h1 { font-size: clamp(2rem, 5vw, 2.6rem); line-height: 1.1; letter-spacing: -0.025em; font-weight: 700; margin: 0 0 12px; text-wrap: balance; }
.doc h2 { font-size: 1.25rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; margin: 40px 0 10px; color: var(--fg); }
.doc p, .doc li { color: var(--fg-2); }
.doc p { margin: 12px 0 0; }
.doc strong { color: var(--fg); font-weight: 600; }
.doc ul { padding-left: 1.25rem; margin: 12px 0; }
.doc li + li { margin-top: 8px; }
.doc .muted { color: var(--muted); font-size: .95rem; }
.doc code { background: var(--surface); border: 1px solid var(--border); padding: .05rem .35rem; border-radius: 4px; font-size: .9em; }
.doc table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 15px; }
.doc th, .doc td { border: 1px solid var(--border); padding: 8px 10px; text-align: left; vertical-align: top; color: var(--fg-2); }
.doc th { color: var(--fg); font-weight: 600; background: var(--surface); }
/* The closing link line on each page reads as the page footer. */
.doc > p.muted:last-of-type { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--border); }
@media (max-width: 767px) {
  body.doc { padding: 24px 16px 64px; }
  /* The 4-column cookie table scrolls inside itself; the page never scrolls sideways. */
  .doc table { display: block; overflow-x: auto; font-size: 14px; }
  .doc th, .doc td { min-width: 96px; }
}