/* =========================================================
   Shrang Theme Responsive Rules
   File: wp-content/themes/shrang/assets/css/responsive.css
   Purpose:
   - Remaining broad responsive layout rules
   - Generic mobile spacing
   - Blog/content card mobile layout
   ========================================================= */

@media (max-width: 900px) {
    .shrang-post-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .shrang-site-main {
        padding-top: 18px;
        padding-bottom: 38px;
    }

    .shrang-content-wrap,
    .shrang-page-wrap,
    .shrang-front-page-wrap {
        padding: 0 10px;
    }

    .shrang-post-card,
    .shrang-single-post,
    .shrang-empty-page {
        padding: 22px;
        border-radius: 16px;
    }
}

@media (max-width: 420px) {
    .shrang-content-wrap,
    .shrang-page-wrap,
    .shrang-front-page-wrap {
        padding-left: 8px;
        padding-right: 8px;
    }
}