*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  background: #ffffff; color: #1a2332;
  -webkit-font-smoothing: antialiased;
}
.wrap {
  max-width: 560px; margin: 0 auto;
  /* include iOS safe-area insets so content clears the notch / home indicator */
  padding:
    calc(48px + env(safe-area-inset-top))
    calc(28px + env(safe-area-inset-right))
    calc(64px + env(safe-area-inset-bottom))
    calc(28px + env(safe-area-inset-left));
}
h1 {
  font-family: 'Lora', serif; font-size: 24px; font-weight: 500;
  color: #1e3a5f; margin-bottom: 24px;
}
h2 {
  font-family: 'Lora', serif; font-size: 18px; font-weight: 500;
  color: #1e3a5f; margin: 28px 0 10px;
}
p, li {
  font-size: 15px; line-height: 1.75; color: #3d5068;
  margin-bottom: 12px;
}
ul { padding-inline-start: 20px; margin-bottom: 12px; }
a { color: #1e3a5f; }
/* Circular back button — matches the app's back control */
.back-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: rgba(26,35,50,0.08);
  margin-bottom: 24px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.back-btn:active { background: rgba(26,35,50,0.18); }
.updated { font-size: 13px; color: #8494a7; margin-top: 32px; }

/* Support page */
.support-cta {
  display: inline-block; margin: 24px 0 6px;
  padding: 14px 28px;
  background: #1e3a5f; color: #fff;
  border-radius: 12px;
  font-size: 16px; font-weight: 500;
  text-decoration: none;
}
.support-cta:active { opacity: 0.88; }
.support-thanks { color: #6b7a8d; font-style: italic; margin-top: 10px; }