/* Site-specific additions on top of Casper (assets/built/screen.css, from the live Ghost site). */

/* Georgia and the system sans have no Bengali glyphs; use Noto for those so Bangla
   renders the same on every OS instead of whatever fallback the OS picks. */
body, .post-full-content h1, .post-full-content h2, .post-full-content h3,
.post-full-content h4, .post-full-content h6, .post-full-content table {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
        "Open Sans", "Helvetica Neue", "Noto Sans Bengali", sans-serif;
}
.post-card-excerpt, .post-full-content, .post-full-content h5, .site-header-content .author-meta {
    font-family: Georgia, "Noto Sans Bengali", serif;
}

/* Long code lines scroll instead of breaking the layout. */
.post-full-content pre { overflow-x: auto; }

/* Pagination. Casper has none (it uses infinite scroll), so this borrows its
   .author-card-button look: grey pill that turns blue on hover. */
.pagination-outer { padding-bottom: 6vw; }
.pagination {
    /* Three equal outer columns keep the page number centred whatever the buttons' widths. */
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    padding-top: 2vw;
}
.pagination .newer-posts { justify-self: start; }
.pagination .older-posts { justify-self: end; }
.pagination a {
    display: block;
    padding: 12px 20px;
    border: 1px solid #aebbc1;
    border-radius: 20px;
    color: #738a94;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.pagination a:hover {
    border-color: #3eb0ef;
    color: #3eb0ef;
    text-decoration: none;
}
.pagination .page-number {
    color: #738a94;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
@media (max-width: 500px) {
    .pagination-word { display: none; }
    .pagination a { padding: 10px 14px; font-size: 1.2rem; }
    .pagination .page-number { font-size: 1.2rem; }
}