header {
  position: absolute;
  width: calc(100% - 2 * var(--body-margin));

  display: flex;
  justify-content: space-between;

  margin-left: var(--body-margin);
  margin-right: var(--body-margin);

}

body {
  margin-top: var(--body-margin);
  margin-bottom: var(--body-margin);
}

main {
  padding-top: var(--main-top-margin);
  min-height: calc(100vh - 3.5 * var(--main-top-margin));
  padding-bottom: var(--main-bottom-margin);
  box-sizing: border-box;
}

section {
  margin-left: var(--body-margin);
  margin-right: var(--body-margin);
}

summary {
  cursor: pointer;
}

a {
  transition: color var(--hover-transition-duration);
}

a:hover {
  color: var(--light-gray);
}

.text-list:not(:first-child) {
  margin-top: 2em;
}

.scroll-to {
  scroll-margin-top: 2em;
}

.list-tag {
  padding-left: .25em;
  color: var(--light-gray);
}