:root {
  color-scheme: dark;
  font-family: system-ui, sans-serif;
  background: #151718;
  color: #e6e6e5;
}
body { margin: 0; }
main { max-width: 42rem; margin: 12vh auto; padding: 1.5rem; }
h1 { font-size: 2rem; }
p { line-height: 1.5; }
nav { display: grid; gap: 1rem; margin-top: 2rem; }
a {
  padding: 1.2rem;
  border: 1px solid #5d5d68;
  border-radius: 0.8rem;
  color: inherit;
  text-decoration: none;
}
a:hover, a:focus-visible { background: #363450; outline: 2px solid #a5a1ed; }