/* layout */
body {
    padding: 1em;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 60em;
}

details > section {
    margin: 0 1em;
}

summary.shelf  {
    list-style-image: url("/assets/books-16x16.png");
    list-style-position: inside;
    cursor: pointer;
    padding: 0.5em 0;
}

summary.no-icon {
    list-style: none;
    cursor: pointer;
    padding: 0.5em 0;
}

main {
    flex: 1;
}

section.cols {
  display: grid;
  grid-template-columns: 50% auto;
}

section.cols hgroup, section.cols > .full, section.cols blockquote {
  grid-column: 1 / 3;
}

section.cols p {
  grid-column: 1 / 1;
}

section.cols figure {
  grid-column: 2 / 2;
  align-content: first baseline;
  align-self: start;
  padding: 0 0 0 2.5em;
  margin: 0.6em 0 0 2.5em;
  min-height: 10em;
}

section.cols figure figcaption {
  border-top: dotted var(--deep-blue) 1px;
  padding-top: 0.5em;
}

hgroup {
    margin-bottom: 2em;
}

p {
    margin: 0.6em 0;
}

dt {
    margin-top: 2em;
}

dd {
    margin: 0.5em 1em 1em;
}

dd ul {
    padding: 0;
}

dd ul li {
     display: inline;
}

footer {
    margin-top: 4em;
    border-top: dotted var(--black) 1px;
}

li.book {
    list-style: url("/assets/open-book-16x16.png");
}

li.journal {
    list-style: url("/assets/journal-16x16.png");
}

aside {
    margin: 4em 0;
    border-bottom: dotted var(--black) 1px;
}