/* Focus Firewall — legal pages.
   Palette lifted from FocusTheme so the site and the app read as one thing. */
:root {
  --canvas: #F6F4F0;
  --surface: #FFFFFF;
  --ink: #14140F;
  --ink-secondary: #5C5A54;
  --ink-tertiary: #8C8A83;
  --hairline: rgba(20, 20, 15, 0.10);
  --brand: #C8442A;
}
@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #0A0A0C;
    --surface: #14141A;
    --ink: #F4F2ED;
    --ink-secondary: #9E9C96;
    --ink-tertiary: #6B6963;
    --hairline: rgba(244, 242, 237, 0.12);
    --brand: #E4572E;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 46rem; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
header { border-bottom: 1px solid var(--hairline); padding-bottom: 1.75rem; margin-bottom: 2.5rem; }
.brand {
  font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--brand); margin: 0 0 0.75rem;
}
h1 { font-size: 2rem; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 0.5rem; }
h2 {
  font-size: 1.1875rem; letter-spacing: -0.01em; margin: 2.75rem 0 0.75rem;
  padding-top: 1.75rem; border-top: 1px solid var(--hairline);
}
h2:first-of-type { border-top: none; padding-top: 0; margin-top: 2rem; }
h3 { font-size: 1rem; margin: 1.75rem 0 0.5rem; }
p, li { color: var(--ink-secondary); }
p { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; margin: 0 0 1rem; }
li { margin-bottom: 0.5rem; }
strong { color: var(--ink); font-weight: 600; }
a { color: var(--brand); text-decoration: none; border-bottom: 1px solid rgba(200, 68, 42, 0.35); }
a:hover { border-bottom-color: var(--brand); }
.updated {
  font-variant-numeric: tabular-nums; font-size: 0.875rem;
  color: var(--ink-tertiary); margin: 0;
}
.lede { font-size: 1.0625rem; color: var(--ink); }
.callout {
  background: var(--surface); border: 1px solid var(--hairline);
  border-radius: 12px; padding: 1.25rem 1.375rem; margin: 1.5rem 0;
}
.callout p:last-child { margin-bottom: 0; }
footer {
  margin-top: 3.5rem; padding-top: 1.75rem; border-top: 1px solid var(--hairline);
  font-size: 0.875rem; color: var(--ink-tertiary);
}
footer a { color: var(--ink-tertiary); border-bottom-color: var(--hairline); }