:root {}

body {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.layout-base {
  max-width: 672px;
  margin: 0 auto;
  border: 1px solid black;
  border-top: 0;
  border-bottom: 0;
  min-height: 100vh;
}

header {
  border-bottom: 1px solid black;
  padding: 16px;

  & h1 {
    font-size: 20px;
  }

  & p {
    font-size: 14px;
  }
}

main {
  padding: 16px;

  & ul {
    list-style: none;
    padding-inline: 0;
  }
}

article .content {
  margin-top: 24px;


  & p {
    margin: 8px 0;
  }

  & .inline-code {
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
    padding: 1px 4px;
    border-radius: 2px;
    font-size: 0.875em;
  }
}