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

header {
    position: sticky;
}

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

.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);
}

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

    .img {
        height: 30rem;
    }
}

.container { max-width: 900px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); margin-top: 2rem; }
h1 { color: #0056b3; text-align: center; }
.faq-section { margin-top: 20px; }
.faq-item { margin-bottom: 15px; }
.faq-item h3 { color: #0077cc; cursor: pointer; margin: 0; padding: 10px; background-color: #e0e0e0; border-radius: 5px; }
.faq-item p { display: none; padding: 10px; background-color: #f9f9f9; border-left: 3px solid #0056b3; margin-top: 5px; }
.faq-item.active p { display: block; }
.faq-item h3:hover { background-color: #d0d0d0; }