/* ============================================================
   Page: blog-post (single article)
   Loaded via $page_css = 'blog-post'.
   Core .bp-* article styles live in style.css; this file holds
   the small bits that were previously inline.
   ============================================================ */

.bp-meta-item i,
.bp-back i,
.bp-card-readmore i {
    width: 14px;
    height: 14px;
}

/* Related posts section */
.bp-related {
    background: var(--dark3);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bp-related__title {
    text-align: left;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}

.bp-related .blog-card {
    background: var(--dark2);
}

.bp-related__readmore {
    margin-top: auto;
}

.bp-related__readmore i {
    width: 14px;
    height: 14px;
}

/* 404 fallback */
.bp-404 {
    background: var(--paper);
    padding: 8rem 1rem;
    text-align: center;
}

.bp-404__title {
    font-family: var(--font-display);
    font-size: 2.5rem;
    color: var(--ink);
    margin-bottom: 1rem;
}

.bp-404__text {
    color: var(--ink-3);
    margin-bottom: 2rem;
}