html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: var(--font-base);
    color: var(--text);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: clip;
}

::selection {
    background: var(--secondary);
    color: var(--white);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* For mobile pagination (keep) */
@media (max-width: 768px) {
    .pagination .page-numbers:not(.current):not(.prev):not(.next):not(.dots) {
        display: none !important;
    }
}