html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="submit"] { -webkit-appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"] { box-sizing: border-box; padding: 0; }
details { display: block; }
summary { display: list-item; }
template, [hidden] { display: none; }


*, *::before, *::after { box-sizing: border-box; }


:root {
  
  --surface-base: #ffffff;
  --surface-raised: #f7f9fc;
  --surface-sunken: #eef2f7;
  --surface-inverse: #0f172a;
  --surface-inverse-soft: #1c2a41;
  --surface-overlay: rgba(15, 23, 42, 0.62);

  
  --action-primary: #e04b34;
  --action-hover: #bd3a26;
  --action-primary-ink: #bd3a26;
  --action-quiet: #475569;
  --action-disabled: #94a3b8;
  --action-on-inverse: #ff8a72;

  
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --text-inverse: #eef2f7;

  
  --line-hairline: #dfe5ec;
  --line-strong: #c3cddb;
  --metal-silver: #94a3b8;

  
  --intent-positive: #2f7d55;
  --intent-notice: #b45309;
  --intent-danger: #b0271a;

  
  --measure-page: 71.25em;
  --measure-text: 40em;
  --radius-panel: 1em;
  --radius-control: 0.5em;
}


body {
  font-family: 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.7;
  font-size: 1.0625em;
  background: var(--surface-base);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Work Sans', 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text-primary);
  margin: 0 0 0.5em;
}
h1 { font-size: 2.75em; line-height: 1.12; }
h2 { font-size: 2em; line-height: 1.2; }
h3 { font-size: 1.32em; line-height: 1.3; }
h4 { font-size: 1.06em; line-height: 1.35; }
p { font-size: 1em; line-height: 1.7; margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.2em; }
li { margin-bottom: 0.35em; }
a { color: var(--action-hover); text-decoration: underline; text-underline-offset: 0.18em; }
a:hover, a:focus-visible { color: var(--text-primary); }
:focus-visible { outline: 0.1875em solid var(--action-primary); outline-offset: 0.125em; }
img { max-width: 100%; height: auto; }
table { border-collapse: collapse; width: 100%; }


.d-f { display: flex; }
.d-g { display: grid; }
.ai-c { align-items: center; }
.jc-b { justify-content: space-between; }
.ta-c { text-align: center; }
.mt-3 { margin-top: 1.5em; }
.mb-0 { margin-bottom: 0; }
.fw-7 { font-weight: 700; }
.sr-o { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 64em) {
  body { font-size: 1em; }
  h1 { font-size: 2.2em; }
  h2 { font-size: 1.72em; }
}
@media (max-width: 48em) {
  h1 { font-size: 1.86em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.18em; }
}