.sleep-results{

    display:grid;

    gap:18px;

}

.sleep-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 28px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    transition:.25s;

}

.sleep-card:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.sleep-card strong{

    font-size:32px;

    color:var(--primary);

}

.sleep-card span{

    color:var(--text-light);

}

@media(max-width:768px){

    .sleep-card{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

}