{{/*
  structure.css
  Eryn Wells <eryn@erynwells.me>
  vim: set sw=2 sts=2:
*/}}




/*************************
 # CONTENT AREA STRUCTURE
 ************************/

:root {
  --content-width: 40rem;
}

body {
  margin: 0;
}

main {
  /* Center the content and ensure a minimum margin. The calculation in the
   * second argument does what `auto` would do if it could be used in max(). */
  margin-inline: max(var(--space-s), 50% - var(--content-width) / 2);
  max-width: var(--content-width);
}

figure, img {
  max-width: 100%;
}

img {
  object-fit: contain;
}



.page-navigation {
  align-items: baseline;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  list-style: none;
  padding-inline: 0;

  &:has(.next-page:only-child) {
    justify-content: flex-end;
  }

  li {
    display: flex block;
    height: 2lh;
  }

  .next-page {
    text-align: right;
  }

  .previous-page::before {
    content: "←";
    padding-inline-end: var(--space-s);
  }

  .next-page::after {
    content: "→";
    padding-inline-start: var(--space-s);
  }
}

.content-term-list {
  display: flex;
  list-style: none;
  padding-inline: 0;

  li:not(:last-child) {
    margin-inline-end: var(--space-s);
  }
}