:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#555555;
  --border:#e6e6e6;
  --max:860px;
}

*{ box-sizing:border-box; }

html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

main{
  max-width:var(--max);
  margin:0 auto;
  padding:48px 20px 72px;
}

h1{
  font-size:28px;
  line-height:1.2;
  margin:0 0 6px;
  font-weight:600;
}

p{ margin:0 0 10px; color:var(--muted); }

a{
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid var(--border);
}

a:hover{ border-bottom-color:var(--text); }

@media (max-width:520px){
  main{ padding-top:28px; }
}