/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;

.content-category > h1 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-gray-900, oklch(21% 0.034 264.665));
    @media (width >= 48rem) {
        font-size: var(--text-3xl, 1.875rem);
        line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    }
}

.pagination .page-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
    background-color: var(--color-white, #fff);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-700, oklch(37.3% 0.034 259.733));

    &:hover {
        @media (hover: hover) {
            background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
        }
    }
}

.pagination .active .page-link {
    z-index: 10;
    border-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    background-color: var(--color-blue-50, oklch(97% 0.014 254.604));
    color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
        *, ::before, ::after, ::backdrop {
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-border-style: solid;
        }
    }
}