@import url("torillic/torillic.css");
@import url("ipa.css");
@import url("statblock.css");
@import url("spoiler.css");


body {
  padding: 0;
  margin: 0;
}

.gallery-box {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}

.gallery-box img {
  flex: 1 0 21%;
  margin: 0.5rem;
  height: 250px;
}

blockquote.torillic-toc {
  display: flex;
  flex-direction: row;
  break-inside: avoid;
  justify-content: space-around;
}

li.torillic-toc-section {
  order: 1;
}

li.torillic-toc-section::marker {
  content: ">";
  font-weight: bold;
}

li.torillic-toc-page {
  order: 2
}

li.torillic-toc-page::marker {
  content: none;
  font-weight: bold;
}

.torillic-background {
  padding: 4rem;
}

.torillic-backlink {
  position: absolute;
  top: 1cm;
  left: 2cm;
  text-decoration: none;
  opacity: 50%;
}

.torillic-backlink:hover {
  color: var(--red);
  opacity: 100%;
}


@media print {
  .torillic-backlink {
    display: none;
  }

  .torillic-header {
    display: none;
  }
}