:root {
  --bg: #F4F7F5;
  --text: #131714;
  --text-2: #5D655F;
  --text-3: #939B95;
  --line: #E2E8E3;
  --green: #05924E;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0A0E0C;
    --text: #E9EEEA;
    --text-2: #99A29B;
    --text-3: #646C66;
    --line: #212824;
    --green: #52EE94;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 22px 90px;
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 660px; margin: 0 auto; }
header { padding: 56px 0 28px; border-bottom: 1px solid var(--line); }
.eyebrow {
  font-size: 11px; letter-spacing: 0.11em; text-transform: uppercase;
  font-weight: 700; color: var(--green);
}
h1 { margin: 10px 0 0; font-size: clamp(30px, 7vw, 40px); letter-spacing: -0.03em; line-height: 1.1; }
h2 { margin: 40px 0 10px; font-size: 17px; letter-spacing: -0.01em; }
p, li { color: var(--text-2); font-size: 15.5px; }
ul { padding-left: 20px; }
a { color: var(--green); }
.updated { margin-top: 12px; font-size: 13px; color: var(--text-3); }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; color: var(--text-3); }