section {
    margin: 2rem 10rem 2rem 10rem;
    background: #fff;
    padding: 2rem;
    line-height: 2rem;
}

header {
    position: sticky;
}

.img {
    width: 100%;
    height: 30rem;
}

.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section h1, section h2 { color: #0056b3; }
section h1 { text-align: center; }
section p { text-align: justify; margin-bottom: 20px; }
section ul { margin-left: 20px; list-style-type: disc; }
section h3 { color: #0077cc; }
section .footer { text-align: center; margin-top: 40px; font-size: 0.9em; color: #666; }
section .highlight { font-weight: bold; color: #d9534f; }

footer {
    background: var(--bg-color);
}

table {
    width: 100%;
    margin: 2rem 0;
}

table tr:first-child td {
    font-weight: 700;
}

table tr td {
    border: 1px solid #ddd;
    padding: 1rem;
    font-weight: 500;
}

@media (width <= 1024px) {
    section {
        padding: 2rem;
        margin: 0;
    }
}