/* Mobile-only responsive helpers */
@media (max-width: 767px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 100vw;
    }

    .home-section,
    .latest-section,
    .updates-section,
    .post-content,
    .category-section {
        width: 100%;
        max-width: calc(100vw - 2rem);
        box-sizing: border-box;
    }

    .home-section .rounded-2xl,
    .latest-section .rounded-2xl,
    .updates-section .rounded-2xl,
    .post-content .rounded-2xl,
    .category-section .rounded-2xl {
        width: 100%;
        max-width: 100%;
    }

    body,
    html {
        overflow-x: hidden;
    }

    /* Consolidated: mobile code/ascii scrollbar rules moved to `tailwind/input.css` (@media max-width: 767px).
       responsive.css keeps page-level responsive helpers only. */
}

/* Allow inline code to wrap on small screens */
@media (max-width: 767px) {
    .prose code {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    /* Reduce horizontal padding and font-size for code blocks to avoid exceeding vw */
    .prose .code-block pre {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        font-size: 0.88rem !important;
        line-height: 1.45 !important;
    }

    /* Slightly constrain large block elements to viewport minus container padding */
    .post-content, .post-content .rounded-2xl, .post-content .card {
        max-width: calc(100vw - 2rem) !important;
    }
}