.table {
    margin: 2rem auto;
    width: 100%;
    border-radius: 1rem;
    overflow: auto;
    border: 2px solid var(--border-grey);
    min-height: 10rem;

    header {
        background: linear-gradient(90deg, var(--secondary) 0%, var(--primary));
        color: white;
        font-size: 1.6rem;        
        height: 5.5rem;
        font-weight: 300;
        letter-spacing: 0.5px;

        display: grid;
        align-items: center;
        text-align: center;
    }

    .cell {
        
        @media print {
            word-break: break-all;
        }
    }

    ul {
        list-style: none;        
    }
    
    li {
        padding: 2rem 0;

        display: grid;
        align-items: center;
        text-align: center;

        &:nth-child(even) {
            background-color: var(--border-grey);
        }

        .cell {
            font-size: 1.4rem;
            color: var(--dark-grey);
            line-height: 1.7;                
        }
    }
}