/* paged.js style */

@page {
    size: A4;
}

@page :first {
    @bottom {
        content: none;
    }
}

@page {
    margin-bottom: 5mm;
    @top {
        color: #996561;
        font-size: 1rem;
        font-family: 'VG5000-Regular';
        content: element(field);
    }

    @bottom {
        color: #996561;
        font-size: 0.5rem;
        font-family: 'VG5000-Regular';
        content: "▒▒ 🐟 ▒ ▒▒▒ 🐙  ▒▒▒🏃  ▒▒☄▒ PAGE: " counter(page) " ▒ ▒▒▒▒ ⚡ ▒🔍▒  ☠ ▒ ▒▒▒";
    }
}

@page topic:first {
    @top {
        content: none;
    }
}

@media print {
    body {
        @apply text-Revolver font-playfair;
    }

  .runningfield {
    display: none;
  }
  /* .runningfield {
     position: running(field);
     } */

    .field {
        break-before: page;
        page: field;
    }

    .title-text {
        @apply font-playfair text-5xl text-AuChico mb-20;
    }

    .title-pretext {
        @apply font-vg5000 text-2xl text-AuChico;
    }

    .field-text {
        @apply font-playfair text-4xl text-AuChico mb-20;
    }

    .field-pretext {
        @apply font-vg5000 text-2xl text-AuChico;
    }

    article ul li:before {
        content: "";
    }

    .toc::after {
        text-align: right;
        float: right;
        content: target-counter(attr(href url), page, decimal-leading-zero);
    }
  /*
     .runningfield {
     font-size: xx-small;
     } */
  .sidebar-title {
    font-size: 0.8rem;
    padding-top: 3rem;
  }

  .sidebar-list {
    font-size: 0.9rem;
  }
  .pt-16 {
    padding-top: 3rem;
  }
}