@media (max-width: 700px) {
    .post-banner {
        padding: 24px 20px;
    }

    .post-banner-title {
        font-size: 1.8rem;
    }

    .post-content {
        font-size: 1.05rem;
        line-height: 1.75;
    }
}

@media (max-width: 480px) {
    .post-banner {
        padding: 16px 12px;
        border-radius: var(--blogpost-r-md);
    }

    .post-banner-title {
        font-size: 1.35rem;
    }

    .post-banner-meta {
        gap: 6px;
        font-size: 0.8rem;
        flex-wrap: wrap;
    }

    .post-article {
        padding: 0 10px;
    }

    .post-content {
        font-size: 0.95rem;
    }

    .post-content h2 {
        font-size: 1.15rem;
    }

    .post-content h3 {
        font-size: 1rem;
    }
}