/* Stampass legal site — warm beige theme matching the iOS app */
:root {
  --bg: #faf6ee;
  --surface: #f0e8d8;
  --border: #e5dcc9;
  --text: #2a1e15;
  --muted: #6b5b4f;
  --brand: #5c3d2e;
  --accent: #a98765;
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
.container {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 24px 64px;
}
header { margin-bottom: 32px; }
h1 {
  font: 700 40px/1.15 "New York", Georgia, serif;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
  color: var(--brand);
}
h2 {
  font: 600 22px/1.3 "New York", Georgia, serif;
  margin: 32px 0 12px;
  color: var(--brand);
}
h3 {
  font: 600 17px/1.4 -apple-system, sans-serif;
  margin: 24px 0 6px;
  color: var(--text);
}
p, li { color: var(--text); }
a { color: var(--brand); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--accent); }
.tagline {
  font-size: 18px;
  color: var(--muted);
  margin: 0;
}
.breadcrumb {
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.breadcrumb a { color: var(--muted); text-decoration: none; }
.updated {
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 16px;
}
section { margin-bottom: 16px; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
strong { color: var(--text); }
nav {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  font-size: 14px;
  color: var(--muted);
}
nav a { color: var(--brand); text-decoration: none; margin-right: 4px; }
nav span { margin: 0 8px; color: var(--border); }
footer {
  margin-top: 48px;
  font-size: 13px;
  color: var(--muted);
}