:root{
  --max: 780px;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  padding:40px 16px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif;
  line-height:1.55;
}

main{
  max-width: var(--max);
  margin: 0 auto;
}

h1{ margin:0 0 10px 0; font-size: 28px; }
h2{ margin:26px 0 10px 0; font-size: 18px; }
p{ margin: 10px 0; }
ul{ margin: 10px 0 10px 22px; }

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

.card{
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 14px 0;
}

.small{ font-size: 14px; }
.muted{ opacity: 0.75; }

hr{
  border:0;
  border-top:1px solid #e5e5e5;
  margin: 22px 0;
}