:root {
  color-scheme: light dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  background: #11110f;
  color: #f7f4e9;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background:
    radial-gradient(circle at 80% 0%, rgba(255, 204, 0, 0.15), transparent 32rem),
    #11110f;
}

main {
  width: min(46rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: 4rem 0 6rem;
}

.eyebrow {
  color: #ffd60a;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

h1 {
  margin: 0.35rem 0 0.5rem;
  font-size: clamp(2.2rem, 8vw, 4.5rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

h2 { margin-top: 2.4rem; }

p, li { color: #d6d2c7; }

a { color: #ffd60a; }

.card {
  margin-top: 2rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.05);
}

.updated { color: #9b978d; }