/* responsive.css - Simple flexbox layout for the Mono theme */

/* Mobile layout adjustments */
@media (max-width: 768px) {
    body.mono,
    body.mono-all,
    .mono-all body {
        flex-direction: column;
    }

    aside.mono,
    .mono-all aside {
        position: relative;
        display: flex;
        width: 100%;
        max-width: 100%;
        padding: 0rem;
    }

    main.mono,
    .mono-all main {
        width: 100%;
        padding: 1rem;
    }
}

/* Simple print styles */
@media print {
    aside {
        display: none;
    }
}