:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 2rem;
  font: 400 16px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #0d1117; color: #e6edf3;
}
main { max-width: 34rem; }
.mark { margin: 0 0 2.5rem; font-weight: 600; letter-spacing: .18em; font-size: .75rem; color: #8b949e; }
h1 { margin: 0 0 1rem; font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 600; line-height: 1.25; }
.lede { margin: 0 0 2rem; color: #8b949e; }
.actions { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 0; }
a { color: #e6edf3; text-decoration: none; border-bottom: 1px solid #30363d; padding-bottom: 2px; }
a:hover, a:focus-visible { border-bottom-color: #e6edf3; }