/* 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(topic);
    }

    @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 bg-CoconutCream text-Revolver font-playfair;
    }

    .runningTopic {
        position: running(topic);
    }

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

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

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

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

    .topic-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);
    }
}