:root {
  color-scheme: light dark;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}

body {
  margin: 0 auto;
  max-width: 48rem;
  padding: 3rem 1.25rem 5rem;
}

h1,
h2 {
  line-height: 1.2;
}

nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 2rem 0;
}

.notice {
  border-left: 0.25rem solid #6378ff;
  padding: 0.25rem 1rem;
}

footer {
  border-top: 1px solid #8888;
  margin-top: 3rem;
  padding-top: 1rem;
}