:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#666666;
  --link:#0a0a0a;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  font-size:16px;
  line-height:1.6;
}
.page{
  max-width:680px;
  padding:48px 20px 80px;
  margin:0 auto;
}
.header h1{
  font-size:28px;
  font-weight:600;
  margin:0 0 6px 0;
}
.tagline{
  margin:0 0 20px 0;
  color:var(--muted);
}
.links{
  list-style:none;
  padding:0;
  margin:0 0 24px 0;
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
}
.links a{
  color:var(--link);
  text-decoration:underline;
  text-underline-offset:3px;
}
.links a:hover{
  text-decoration-thickness:2px;
}
.section p{ margin:0 0 14px 0 }
.footer{ margin-top:40px; color:var(--muted) }
@media (prefers-color-scheme: dark){
  :root{ --bg:#0b0b0b; --text:#e9e9e9; --muted:#9a9a9a; --link:#e9e9e9 }
  a{ color:var(--link) }
}