:root {
  --pico-font-size: 1.1rem;
}

body > main {
  max-width: 40em;
  margin: 0 auto;
}

body > main > h1 {
  text-align: center;
}

/* don't make buttons span the whole width of the page */
button[type=submit] {
  width: initial;
}

body > footer {
  text-align: center;
}

/* limit the width of the "authentication page", it really doesn't need to be
   so wide... */
form#authDialog {
  max-width: 25em;
  margin: 0 auto;
}

/* fix padding/margin when lists are used inside tables */
table ul {
  padding-left: 1rem;
  margin-bottom: 0;
}

/* tables inside <article> should not have a bottom-border on the last row, 
   it looks ugly... */
article table tbody tr:last-child th,
article table tbody tr:last-child td {
  border-bottom: 0;
}

article table {
  margin-bottom: 0;
}

article footer {
  text-align: end;
}

article footer form {
  display: inline-block;
}

button.small {
  padding: 0.5em 0.75em;
  font-size: 80%;
  margin: 0;
}

details summary {
  margin-top: 2em;
}

article > header {
  --pico-font-weight: 600;
  font-weight: var(--pico-font-weight);
}