/* Athanor — reading styles for long-form campaign prose. */
.md-grid { max-width: 58rem; }
.md-typeset { font-size: .78rem; line-height: 1.7; }
.md-typeset h1 { font-weight: 600; letter-spacing: -.01em; }
.md-typeset h2 {
  margin-top: 2.2em;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  padding-bottom: .25em;
}
/* The chapter subtitle line: in-world date and place. */
.md-typeset .chapter-meta {
  font-style: italic;
  opacity: .75;
  margin-top: -.6em;
}
/* Ornamental scene divider used throughout the narratives. */
.md-typeset .ornament {
  text-align: center;
  letter-spacing: .6em;
  opacity: .5;
  margin: 2em 0;
}
.md-typeset table:not([class]) { font-size: .72rem; }
.md-typeset blockquote {
  border-left: .2rem solid var(--md-accent-fg-color);
}

/* Character portrait: floated beside the text on wide screens, full width
   above it on a phone. */
.md-typeset img.portrait {
  float: right;
  width: 280px;
  max-width: 42%;
  margin: 0 0 1.2rem 1.6rem;
  border-radius: .3rem;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
  background: var(--md-default-bg-color);
}
@media screen and (max-width: 60em) {
  .md-typeset img.portrait {
    float: none;
    width: 100%;
    max-width: 340px;
    margin: 0 auto 1.4rem;
    display: block;
  }
}