/* Veritas legal pages — the app's palette (DESIGN.md): warm-white ground, cream surface,
   navy ink, terracotta accent. System fonts, no JS. */
:root {
  --bg: #FFF9F2;
  --card: #FBF0E5;
  --navy: #0B2D42;
  --terracotta: #B85F3F;
  --muted: #6E645A;
  --track: #E3D6C6;
  --hair: rgba(184, 95, 63, 0.10);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--navy);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  padding: 20px 18px 60px;
}
main { max-width: 680px; margin: 0 auto; }
header { margin: 8px 0 22px; }
.brand {
  display: inline-block;
  font-size: 10px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--terracotta); opacity: .85; text-decoration: none;
}
h1 { font-size: 26px; line-height: 1.25; margin: 8px 0 6px; font-weight: 700; }
.meta { color: var(--muted); font-size: 13px; margin: 0; }
h2 {
  font-size: 18px; line-height: 1.3; margin: 0 0 8px; font-weight: 700;
}
section {
  background: var(--card);
  border: 1px solid var(--hair);
  border-radius: 24px;
  padding: 18px 20px;
  margin: 0 0 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
section p, section ul { margin: 0 0 10px; }
section p:last-child, section ul:last-child { margin-bottom: 0; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: var(--terracotta); text-decoration: underline; text-underline-offset: 2px; }
strong { font-weight: 700; }
.pill {
  display: inline-block; background: var(--bg); border: 1px solid var(--track);
  border-radius: 999px; padding: 2px 10px; font-size: 13px; color: var(--muted);
}
.index { list-style: none; padding: 0; margin: 0; }
.index li { margin: 0 0 12px; }
.index a {
  display: block; background: var(--card); border: 1px solid var(--hair); border-radius: 24px;
  padding: 18px 20px; text-decoration: none; color: var(--navy);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.index .t { display: block; font-size: 20px; font-weight: 700; line-height: 1.25; }
.index .b {
  display: block; margin-top: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1.6px;
  text-transform: uppercase; color: var(--terracotta); opacity: .85;
}
footer { margin-top: 28px; color: var(--muted); font-size: 13px; }
footer a { color: var(--muted); }
@media (min-width: 600px) {
  body { padding: 40px 24px 80px; }
  h1 { font-size: 32px; }
}