/* ================================
   KiraEdu Layout System
================================ */

:root{
    --ke-container:1280px;
    --ke-page-x:24px;
    --ke-section-y:86px;
    --ke-hero-y:96px;
    --ke-card-radius:28px;
    --ke-card-padding:32px;
}

.ke-container{
    width:min(100% - 48px, var(--ke-container));
    margin-inline:auto;
}

.ke-section{
    padding-block:var(--ke-section-y);
}

.ke-card{
    background:white;
    border:1px solid #e2e8f0;
    border-radius:var(--ke-card-radius);
    padding:var(--ke-card-padding);
    box-shadow:0 18px 45px rgba(15,23,42,.08);
}

@media(max-width:700px){
    :root{
        --ke-page-x:16px;
        --ke-section-y:60px;
        --ke-hero-y:68px;
        --ke-card-padding:22px;
    }

    .ke-container{
        width:min(100% - 28px, var(--ke-container));
    }
}

body{
    padding-top:0;
}

main{
    min-height:70vh;
}