:root {
  font: 17px/1.5 system-ui, sans-serif;
  background: #f4f7fb;
  color: #14213d;
}

body {
  max-width: 28rem;
  margin: auto;
  padding: 2rem 1rem;
}

main {
  background: #fff;
  border: 1px solid #78a7e8;
  padding: clamp(2rem, 8vw, 3.5rem) 2rem;
  box-sizing: border-box;
}

h1 {
  color: #125dcc;
  font-size: 2.5rem;
  line-height: .9;
  margin: 0 0 .75rem;
}

h2 {
  font-size: 1.1rem;
  margin: 0 0 .75rem;
}

a {
  color: #125dcc;
}

hr {
  border: 0;
  border-top: 1px solid #78a7e8;
  margin: 1.75rem 0;
}

p:last-child { margin-bottom: 0; }
.muted { color: #53627a; font-size: .85rem; }

@media (max-width: 32rem) {
  body { padding: 0; }
  main { border-width: 0 1px; }
}