@media(max-width:900px){

    .site-header nav{
        display:none
    }

    .hero{
        grid-template-columns:1fr;
        padding-top:60px
    }

    .feature-grid,
    .mode-grid,
    .plan-grid{
        grid-template-columns:repeat(2,1fr)
    }

    .editor-layout{
        grid-template-columns:1fr
    }

    .editor-sidebar{
        border-right:0;
        border-bottom:1px solid var(--border)
    }

    .editor-navigation{
        display:grid;
        grid-template-columns:repeat(2,1fr)
    }

    .dashboard-project-grid{
        grid-template-columns:repeat(2,1fr)
    }

    .cover-layout{
        grid-template-columns:1fr
    }

    .content-layout{
        grid-template-columns:1fr
    }

    .content-sidebar{
        max-height:220px;
        overflow:auto
    }

}

@media(max-width:600px){

    .hero h1{
        font-size:42px
    }

    .section{
        padding:60px 20px
    }

    .feature-grid,
    .mode-grid,
    .plan-grid,
    .dashboard-stats,
    .dashboard-project-grid{
        grid-template-columns:1fr
    }

    footer{
        flex-direction:column
    }

    .dashboard-header,
    .editor-header{
        padding:0 12px
    }

    .editor-workspace{
        padding:25px 15px
    }

    .editor-brand>div:last-child{
        display:none
    }

    .editor-navigation{
        grid-template-columns:1fr
    }

    .form-grid{
        grid-template-columns:1fr
    }

    .form-group.full{
        grid-column:auto
    }

    .live-paper{
        padding:35px 20px;
        min-height:700px
    }

    .live-toolbar{
        flex-direction:column;
        align-items:stretch;
        gap:10px
    }

    .source-form.active{
        grid-template-columns:1fr
    }

    .source-form-actions{
        grid-column:auto
    }

    .auth-card{
        padding:25px
    }

    .dashboard-welcome{
        flex-direction:column;
        align-items:flex-start
    }

    .structure-toolbar,
    .data-toolbar,
    .bibliography-toolbar{
        flex-wrap:wrap
    }

    .editor-status{
        gap:5px
    }

    .editor-status button{
        padding:7px 9px
    }

    #saveStatus{
        display:none
    }

    .chapter-header{
        flex-wrap:wrap
    }

    .chapter-header input{
        min-width:150px
    }

    .editor-form-actions{
        justify-content:stretch
    }

    .editor-form-actions>*{
        flex:1
    }

}