:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background: #0b1f2a;
  color: #f5f7f8;
  font: 16px/1.6 Inter, system-ui, -apple-system, Segoe UI, sans-serif;
}
main { max-width: 860px; margin: 0 auto; padding: 64px 24px 80px; }
.eyebrow { color: #7dd3c7; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; }
h1 { font: 400 clamp(2.2rem, 6vw, 4rem)/1.08 Georgia, serif; margin: 16px 0 14px; }
p { color: #b6c7cf; }
a { color: #f4d58d; text-underline-offset: 4px; }
.links { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 40px; }
.links a { border: 1px solid #2b4654; border-radius: 999px; padding: 10px 16px; text-decoration: none; color: #f5f7f8; }
.links a.primary { background: #7dd3c7; border-color: #7dd3c7; color: #0b1f2a; font-weight: 600; }
table { width: 100%; border-collapse: collapse; margin: 14px 0 28px; font-size: 14px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #223a46; }
th:last-child, td:last-child { text-align: right; }
.note { color: #8ea4ae; font-size: 13px; }