*{box-sizing:border-box;}
body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.7;
    color:#333;
}
section{
    padding:60px 8%;
}
.alt-bg{
    background:#f5f7fa;
}
h1{font-size:34px;margin-bottom:20px;}
h2{font-size:26px;margin-bottom:20px;}
h3{font-size:18px;margin-bottom:10px;}
p{margin-bottom:15px;}
ul{padding-left:18px;margin-bottom:15px;}
img{
    max-width:100%;
    height:auto;
    display:block;
    margin:20px 0;
}
.grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.card{
    background:#fff;
    padding:25px;
    border-radius:6px;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
table{
    width:100%;
    border-collapse:collapse;
    margin-top:30px;
}
th,td{
    border:1px solid #ddd;
    padding:10px;
    text-align:center;
}
th{
    background:#0b5ed7;
    color:#fff;
}

/* Tablet */
@media (max-width: 992px){
    .grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media (max-width: 600px){
    section{
        padding:40px 5%;
    }
    h1{font-size:26px;}
    h2{font-size:22px;}
    .grid{
        grid-template-columns:1fr;
    }
    table, thead, tbody, th, td, tr {
        display:block;
    }
    th{
        position:sticky;
        top:0;
    }
    td{
        text-align:left;
        border:none;
        border-bottom:1px solid #eee;
        padding:8px 0;
    }
}