/* Shared by privacy.html, terms.html and refunds.html — plain pages served
   straight from Hosting, outside the app, so they load for anyone, signed in
   or not, and can be linked from Stripe and app stores. Same palette as the
   app (src/index.css). */
:root {
  --ink: #2b2018;
  --ink-soft: #6b5d4f;
  --paper: #faf6f0;
  --surface: #fffdfb;
  --border: #ede4d8;
  --accent: #cc6428;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.6 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 48px
    max(20px, env(safe-area-inset-left));
}

.legal__home {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 700;
  color: var(--accent);
  text-decoration: none;
}

h1 {
  margin: 12px 0 4px;
  font-size: 32px;
  line-height: 1.15;
}

.legal__updated {
  margin: 0 0 28px;
  color: var(--ink-soft);
  font-size: 15px;
}

h2 {
  margin: 32px 0 8px;
  font-size: 21px;
  line-height: 1.3;
}

p,
li {
  margin: 0 0 12px;
}

ul {
  padding-left: 22px;
}

a {
  color: var(--accent);
}

.legal__short {
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--surface);
  border: 1px solid var(--border);
}

.legal__footer {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  font-size: 15px;
  color: var(--ink-soft);
}

.legal__footer a {
  margin-right: 14px;
}