.bsmd-blog-page {
    background: #FBFAF7;
    color: #1D2430;
}

.bsmd-blog-hero {
    background:
        radial-gradient(circle at top right, rgba(19,168,162,.16), transparent 34%),
        linear-gradient(135deg, #FBFAF7 0%, #F2F0EC 100%);
}

.bsmd-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    color: #13A8A2;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bsmd-hero-card,
.bsmd-post-card,
.bsmd-blog-cta {
    background: #fff;
    border: 1px solid rgba(29,36,48,.08);
    border-radius: 26px;
    box-shadow: 0 18px 45px rgba(29,36,48,.08);
}

.bsmd-topic-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #fff;
    color: #1D2430;
    border: 1px solid rgba(29,36,48,.1);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all .25s ease;
}

.bsmd-topic-pill:hover,
.bsmd-topic-pill.active {
    background: #13A8A2;
    color: #fff;
    border-color: #13A8A2;
}

.bsmd-post-card {
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}

.bsmd-post-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(29,36,48,.12);
}

.bsmd-post-image-wrap {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #F2F0EC;
}

.bsmd-post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.bsmd-post-card:hover .bsmd-post-image {
    transform: scale(1.06);
}

.bsmd-post-placeholder {
    background:
        radial-gradient(circle at 25% 25%, rgba(19,168,162,.25), transparent 28%),
        linear-gradient(135deg, #F2F0EC, #ffffff);
}

.bsmd-category-badge {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(19,168,162,.12);
    color: #0B5F61;
    font-size: 12px;
    font-weight: 800;
}

.bsmd-post-date {
    color: #66707A;
    font-size: 13px;
    font-weight: 600;
}

.bsmd-post-content h2 a {
    color: #1D2430;
    text-decoration: none;
}

.bsmd-post-content h2 a:hover {
    color: #13A8A2;
}

.bsmd-excerpt {
    color: #66707A;
    font-size: 15px;
    line-height: 1.65;
}

.bsmd-read-more {
    color: #13A8A2;
    font-weight: 800;
    text-decoration: none;
}

.bsmd-read-more:hover {
    color: #0B5F61;
}

.bsmd-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.bsmd-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 15px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(29,36,48,.1);
    color: #1D2430;
    font-weight: 700;
    text-decoration: none;
}

.bsmd-pagination .page-numbers.current,
.bsmd-pagination .page-numbers:hover {
    background: #13A8A2;
    color: #fff;
    border-color: #13A8A2;
}

.bsmd-blog-cta {
    background:
        radial-gradient(circle at top left, rgba(19,168,162,.16), transparent 30%),
        #fff;
}