/* print styles */
@media print {
    .page_break:not(:last-child) {
        break-before: avoid;
        break-after: page;
    }

    .no-page-break {
        break-before: avoid;
        break-after: avoid;
    }

    /* chrome print fix */
    thead {
       display:table-header-group;
       break-inside: auto;
    }
    tfoot {
        display:table-footer-group;
        break-inside: auto;
    }
    tbody, tr, td {
        break-inside: auto;
    }
    td {
        break-inside: avoid;
    }
}

/* pagy related */
.pagy-nav.pagination {
    @apply isolate inline-flex -space-x-px rounded-md shadow-sm;
}

.page.next a {
    @apply relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page.prev a {
    @apply relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page.next.disabled {
    @apply relative inline-flex items-center rounded-r-md border border-gray-300 bg-slate-100 px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page.prev.disabled {
    @apply relative inline-flex items-center rounded-l-md border border-gray-300 bg-slate-100 px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page a, .page.gap {
    @apply bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center border px-4 py-2 text-sm font-medium focus:z-20;
}

.page.active {
    @apply z-10 border-indigo-500 bg-indigo-50 text-indigo-600 relative inline-flex items-center border px-4 py-2 text-sm font-medium focus:z-20;
}

/* clamp remark */
.clamp_remark {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--read-more-line-clamp, 2);
}