:root {
    --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-size: 1.06rem;
    --bs-body-line-height: 1.65;
    --bs-body-bg: #303030;
    --bs-body-bg-rgb: 48, 48, 48;
    --bs-body-color: #FDFDFD;
    --bs-body-color-rgb: 253, 253, 253;
    --bs-emphasis-color: #FDFDFD;
    --bs-emphasis-color-rgb: 253, 253, 253;
    --bs-secondary-color: rgba(253, 253, 253, 0.72);
    --bs-secondary-color-rgb: 253, 253, 253;
    --bs-border-color: rgba(253, 253, 253, 0.24);
    --bs-border-color-rgb: 253, 253, 253;
    --bs-dark: #303030;
    --bs-dark-rgb: 48, 48, 48;
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

a {
    transition: color 0.2s ease, background-color 0.2s ease;
}

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

.pagination {
    --bs-pagination-color: var(--bs-body-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #3a3a3a;
    --bs-pagination-hover-border-color: #4a4a4a;
    --bs-pagination-active-bg: #4a4a4a;
    --bs-pagination-active-border-color: #5a5a5a;
    --bs-pagination-active-color: #fff;
}

.blog-index-list__item { border-bottom: 1px solid rgba(253, 253, 253, 0.12); }
.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(253, 253, 253, 0.45) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.28);
}

.lift {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.28);
}

.news-row {
    transition: background-color 0.15s ease;
}
.news-row:hover { background-color: #3a3a3a; }

.header-menu-link {
    border-radius: 0.75rem;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
.header-menu-link:hover,
.header-menu-link:focus-visible {
    background-color: rgba(253, 253, 253, 0.08);
    color: #fff !important;
}
.header-menu-link.is-active {
    background-color: rgba(253, 253, 253, 0.12);
    color: #fff !important;
}

.metrics-noscript-img {
    position: absolute;
    left: -9999px;
}