/* ================================
   RESPONSIVE
================================ */

@media(max-width:1000px){

    .grid{

        grid-template-columns:
        1fr 1fr;

    }


    .hero{

        grid-template-columns:
        1fr;

    }

}


@media(max-width:760px){

    .sidebar{
        display:none;
    }

    .home-header-button{
        display:inline-flex;
    }

    .header-actions .tool-button{
        min-width:44px;
        min-height:44px;
    }


    .content{
        padding:17px;
    }


    header{
        padding:14px 17px;
    }


    .grid{

        grid-template-columns:
        1fr;

    }


    .hero{padding:22px;min-height:auto;gap:18px;}


    .hero h2{font-size:31px;margin:12px 0 8px;}
    .hero p{line-height:1.45;margin:8px 0;}
    .hero-visual{min-height:145px;padding:18px;}
    .hero-number{font-size:43px;}
    .section-title{margin:22px 0 12px;}
    .card{min-height:178px;padding:18px;}
    .card p{margin-bottom:12px;}
    .results-grid{grid-template-columns:1fr;}


    .options{

        grid-template-columns:
        1fr;

    }


    .exercise-navigation{

        grid-template-columns:
        1fr 1fr;

    }


    .page-number{

        grid-column:
        1 / -1;

        grid-row:1;

        text-align:center;

    }

}