/* Extra fixes for mobile phones */
@media (max-width: 480px) {
    html, body {
        width: 100vw !important;
        overflow-x: hidden !important;
    }
    .markdown-content,
    .prose,
    .prose-lg {
        width: 100vw !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }
    .markdown-content *,
    .prose *,
    .prose-lg * {
        width: 100vw !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    pre {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: auto !important;
    }
}