/* Shared look for the text pages (privacy, support, accessibility, training
   readiness): the app's light tokens and its condensed display type. */
@font-face {
  font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('./barlow-condensed-700.woff2') format('woff2');
}
:root {
  --paper: #f2f2f7; --card: #ffffff; --ink: #000000;
  --ink-2: rgba(60, 60, 67, 0.78); --ink-3: rgba(60, 60, 67, 0.56);
  --line: rgba(60, 60, 67, 0.16); --accent: #2b48e6; --accent-text: #2440d1;
  --display: 'Barlow Condensed', -apple-system, 'SF Pro Display', sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 16.5px/1.62 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent-text); text-underline-offset: 3px; }
.top { max-width: 720px; margin: 0 auto; padding: 22px 20px 0; display: flex; align-items: center; gap: 11px; }
.top a { display: flex; align-items: center; gap: 11px; color: var(--ink); text-decoration: none; }
.top img { width: 30px; height: 30px; border-radius: 8px; background: #000; }
.top span { font-family: var(--display); font-weight: 700; font-size: 21px; letter-spacing: 0.06em; }
main { max-width: 720px; margin: 22px auto 0; padding: 30px 28px 34px; background: var(--card); border-radius: 18px; }
@media (max-width: 760px) { main { border-radius: 0; padding: 26px 20px 30px; } }
h1 { font-family: var(--display); font-weight: 700; font-size: 44px; line-height: 1; margin: 0 0 16px; }
h2 { font-family: var(--display); font-weight: 700; font-size: 27px; line-height: 1.05; margin: 30px 0 8px; }
p, li { color: var(--ink-2); }
b { color: var(--ink); }
ul { padding-left: 20px; }
li { margin: 9px 0; }
.refs { font-size: 14px; color: var(--ink-3); }
footer { max-width: 720px; margin: 0 auto; padding: 22px 20px 54px; color: var(--ink-3); font-size: 13.5px; }