html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.chapter {
  width: fit-content;
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--pico-chapter-color);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .0625em;
  text-transform: uppercase;
}


.avatar {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 1rem;
}

main > hgroup h1 {
  margin-bottom: calc(var(--pico-spacing) * .5);
  font-size: 3rem;
  line-height: 1;
}

li > fieldset {
  height: auto;
  margin-right: inherit;
  margin-bottom: 0;
  margin-left: inherit;
}

body > footer, body > header, body > main {
  padding: var(--pico-block-spacing-vertical) 0;
}

body > footer .container p:first-of-type {
  margin-bottom: .25em;
  font-size: 16px;
}

body > footer .container p:not(:first-of-type) {
  margin-bottom: .125em;
  color: var(--pico-muted-color);
  font-size: 14px;
}