/*

*/

.container{width:min(calc(100% - 2rem), var(--max)); margin-inline:auto}

.course-list{
    display:grid;
    gap:1.2rem;
}

.course{
    display:grid;
    grid-template-columns: 110px 1.2fr .9fr;
    gap:1.5rem;
    padding:1.5rem 0;
    border-top:2px solid var(--secondary);
    align-items:start;
}

.course:last-child{
    border-bottom:2px solid var(--secondary);
}

.course-number{
    font-family:'Space Grotesk', sans-serif;
    font-size:clamp(2rem, 4vw, 3rem);
    color:var(--secondary);
    font-weight:700;
}

.course h3{
    font-size:clamp(1.45rem, 3vw, 2.15rem);
    margin-bottom:.6rem;
}

.course p{
    margin:0;
    color:var(--muted);
    max-width:54ch;
}

.course ul{
    margin:0;
    padding-left:1rem;
    color:var(--text);
}

.course li{
    margin-bottom:.45rem;
}

@keyframes rise{
      to{opacity:1; transform:translateY(0)}
    }

@media (max-width: 980px){
    .hero-grid,
    .section-head,
    .smartboard,
    .feature-grid,
    .course{
     grid-template-columns:1fr;
    }

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

    .feature-visual{
        min-height:280px;
        border-left:none;
        border-top:1px solid rgba(24,22,19,0.08);
    }

    .course{
       gap:.8rem;
    }

    .course-number{
        font-size:1.2rem;
      }
}

@media (max-width: 640px){
    .nav{
       align-items:flex-start;
       flex-direction:column;
    }

    .nav-links{
       gap:.9rem;
    }

    .hero-panel{
       min-height:420px;
    }

    .stats-grid{
       grid-template-columns:1fr;
    }

    .hero-actions{
       flex-direction:column;
    }

    .btn{
       width:100%;
    }
}