/* Reset Styles */
body {
    line-height: 1.6;
}

/* Header Styling */
.title {
    background-color: #f7f7f7;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

.title h1 {
    font-size: 2rem;
    color: #3498db;
}

/* Main Content Styling */
.content {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

p {
    margin: 10px 0;
    color: #555;
    text-align: justify;
}

section {
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
    /* Đường gạch dưới */
    padding-bottom: 5px;
}

/* Tiêu đề chính của mỗi section */
section h2 {
    font-size: 1.8em;
    margin-bottom: 15px;
    color: #333;
    /* Màu chữ đậm */
    border-bottom: 2px solid #ddd;
    /* Đường gạch dưới */
    padding-bottom: 5px;
    /* Thêm khoảng cách dưới chữ */
}

/* Danh sách */
section ul {
    list-style-type: disc;
    /* margin-left: 20px; */
    /* Thụt dòng danh sách */
    /* margin-bottom: 20px; */
    /* Khoảng cách dưới danh sách */
    color: #333;
}

section ul li,
section ol li {
    margin-bottom: 10px;
    /* Khoảng cách giữa các mục trong danh sách */
    line-height: 1.6;
    /* Dãn dòng */
}
ol ul li {
    margin-left: 2rem;
}
/* Đoạn văn */
section p {
    margin: 10px 0 20px;
    line-height: 1.8;
    /* Dãn dòng cho dễ đọc */
    color: #444;
}

section h3 {
    font-size: 1.5em;
    margin: 20px 0 10px;
}
section h4 {
    font-size: 1em;
    margin: 10px 0;
}

.faq-list dt {
    font-weight: bold;
    margin-top: 15px;
    color: #555;
}

.faq-list dt::before {
    content: "Q: ";
}

.faq-list dd::before {
    content: "A: ";
}

/* Responsive Design */
@media (max-width: 768px) {
    .content {
        padding: 15px;
    }

    .header h1 {
        font-size: 1.5rem;
    }
}
