:root {
    --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.article-content {
    max-width: 700px;
}

.article-content p {
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .article-content p {
        margin-bottom: 1.25rem;
    }
}

/* Secondary pagination */
.pagination {
    --bs-pagination-color: var(--bs-secondary);
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: var(--bs-secondary);
    --bs-pagination-hover-border-color: var(--bs-secondary);

    --bs-pagination-active-bg: var(--bs-secondary);
    --bs-pagination-active-border-color: var(--bs-secondary);
    --bs-pagination-active-color: #fff;
}

.blog-index-list__item {
    border-bottom: 1px solid rgba(33, 37, 41, 0.08);
}

.blog-index-list__item:last-child {
    border-bottom: 0;
}

.article-neighbors__link {
    transition: border-color .2s ease, box-shadow .2s ease;
}

.article-neighbors__link:hover {
    border-color: rgba(33, 37, 41, 0.3) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(33, 37, 41, 0.08);
}

.header-nav-wrap {
    position: relative;
}

.header-datetime {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0.25rem 0.75rem;
    border: 1px solid rgba(33, 37, 41, 0.12);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.95));
    font-size: 0.78rem;
    line-height: 1;
    color: rgba(33, 37, 41, 0.72);
    letter-spacing: 0.02em;
    text-transform: capitalize;
    white-space: nowrap;
    pointer-events: none;
}

@media (min-width: 768px) {
    .header-datetime {
        font-size: 0.86rem;
        padding: 0.35rem 0.9rem;
    }
}