:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #24302b;
  background: #fafbf9;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 24px;
}
main { width: min(100%, 440px); text-align: center; }
h1 { margin: 0 0 32px; font-size: 32px; font-weight: 600; letter-spacing: .12em; }
ul { margin: 0; padding: 0; list-style: none; }
li + li { margin-top: 8px; }
a {
  display: inline-block;
  max-width: 100%;
  padding: 12px 8px;
  color: #285e4c;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid #285e4c; outline-offset: 4px; border-radius: 2px; }
p { line-height: 1.8; }