/* WorldQuant — position pages. Light/dark follow the visitor's system preference. */

:root {
  color-scheme: light dark;

  --wq-red: #f72f18;
  --wq-orange: #fa8c24;
  --wq-gradient: linear-gradient(45deg, var(--wq-red), var(--wq-orange));

  --bg: #f7f6f3;
  --text: #131316;
  --muted: #56565e;
  --border: rgb(19 19 22 / .1);
  --logo-filter: invert(1);

  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "JetBrains Mono", "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b0b0d;
    --text: #f4f4f5;
    --muted: #a1a1aa;
    --border: rgb(255 255 255 / .09);
    --logo-filter: none;
  }
}

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

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  border-top: 4px solid var(--wq-orange);
  border-image: var(--wq-gradient) 1;
  color: var(--text);
  font: 400 1.0625rem/1.65 var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background: rgb(250 140 36 / .32); }

h1, h2 { text-wrap: balance; }
p, li { text-wrap: pretty; }

.page {
  max-width: 780px;
  margin: 0 auto;
  padding: clamp(32px, 6vw, 64px) clamp(20px, 5vw, 32px) clamp(48px, 8vw, 96px);
}

.logo {
  display: block;
  width: auto;
  height: 18px;
  margin-bottom: clamp(40px, 7vw, 64px);
  filter: var(--logo-filter);
}

.eyebrow {
  margin: 0 0 14px;
  font: 500 .8rem/1.2 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

h1 {
  margin: 0;
  font-size: clamp(2.2rem, 1.5rem + 3.2vw, 3.6rem);
  font-weight: 750;
  line-height: 1.05;
  letter-spacing: -.03em;
}

h1 .subtitle {
  display: block;
  margin-top: .25em;
  font-size: .55em;
  font-weight: 600;
  letter-spacing: -.015em;
  color: var(--muted);
}

section {
  margin-top: clamp(36px, 6vw, 52px);
  padding-top: clamp(28px, 5vw, 40px);
  border-top: 1px solid var(--border);
}

.intro { color: var(--muted); }

h2 {
  margin: 0 0 16px;
  font-size: clamp(1.3rem, 1.15rem + .6vw, 1.6rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

p { margin: 0 0 16px; }
section > :last-child { margin-bottom: 0; }

/* Lists with the WorldQuant square-frame bullet */
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 28px;
}

.list li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: .5em;
  width: 11px;
  height: 11px;
  border: 3px solid transparent;
  background:
    linear-gradient(var(--bg), var(--bg)) padding-box,
    var(--wq-gradient) border-box;
}

@media print {
  :root { --bg: #fff; --text: #000; --muted: #333; --logo-filter: invert(1); }
  body { font-size: 11pt; }
}