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

/* Article content */
.article-content { max-width: 700px; }
.article-content p { margin-bottom: 1rem; }
@media (min-width: 992px) {
    .article-content p { margin-bottom: 1.25rem; }
}

/* 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 */
.blog-index-list__item { border-bottom: 1px solid rgba(33, 37, 41, 0.08); }
.blog-index-list__item:last-child { border-bottom: 0; }

/* Neighbors */
.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 datetime */
.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; }
}

/* Lift effect — лёгкое подпрыгивание при наведении */
.lift {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.25rem 0.75rem rgba(33, 37, 41, 0.08);
}

/* News row hover */
.news-row {
    transition: background-color 0.15s ease;
}
.news-row:hover { background-color: var(--bs-light); }