/* Standalone from the app bundle on purpose: these pages must load for a
   reviewer or a regulator without the SPA, a session, or JavaScript. */
:root {
  --bg: #F5F7F9; --card: #FFFFFF; --ink: #14160F; --soft: #40453A;
  --muted: #6B7063; --rule: #E2E7ED; --accent: #5E8F00;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0B0C0E; --card: #15171A; --ink: #E9EBE1; --soft: #BFC4B6;
    --muted: #8E9487; --rule: #252A30; --accent: #C6F04E;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 22px 90px; }
.brand {
  display: inline-flex; align-items: center; gap: 10px;
  font-weight: 800; letter-spacing: -0.02em; font-size: 15px;
  text-decoration: none; color: var(--ink); margin-bottom: 30px;
}
.mark {
  width: 26px; height: 26px; border-radius: 8px;
  background: linear-gradient(160deg, #C6F04E, #8BC220);
  display: grid; place-items: center;
}
.mark svg { display: block; }
h1 { font-size: 30px; letter-spacing: -0.02em; margin: 0 0 6px; }
.updated { color: var(--muted); font-size: 13.5px; margin: 0 0 30px; }
h2 {
  font-size: 17px; margin: 34px 0 10px; letter-spacing: -0.01em;
  padding-top: 18px; border-top: 1px solid var(--rule);
}
h2:first-of-type { border-top: 0; padding-top: 0; }
p, li { color: var(--soft); margin: 0 0 12px; }
ul { padding-left: 20px; margin: 0 0 14px; }
li { margin-bottom: 6px; }
strong { color: var(--ink); font-weight: 600; }
a { color: var(--accent); }
.note {
  background: var(--card); border: 1px solid var(--rule); border-radius: 14px;
  padding: 16px 18px; margin: 20px 0; font-size: 15px;
}
.note p:last-child { margin-bottom: 0; }
footer {
  margin-top: 46px; padding-top: 18px; border-top: 1px solid var(--rule);
  color: var(--muted); font-size: 13px;
}
footer a { margin-right: 16px; }