/* --- Cài đặt chung cho toàn trang --- */
body {
    margin: 0;
    font-family: Arial, sans-serif; /* Font chữ gọn gàng, dễ đọc */
    background-color: #f4f4f4; /* Màu nền xám nhẹ cho toàn trang */
    color: #333; /* Màu chữ mặc định */
    line-height: 1.6; /* Tăng khoảng cách dòng để dễ đọc hơn */
}

/* --- Định dạng cho banner đầu trang --- */
.background {
    background-color: black;
    color: white;
    text-align: center;
    padding: 60px 20px; /* Tăng padding cho đẹp hơn */
}

.background h1 {
    margin: 0; /* Xóa khoảng trắng mặc định của h1 */
    font-size: 2.5em; /* Kích thước chữ cho tiêu đề lớn */
    font-weight: bold;
    text-transform: uppercase; /* VIẾT HOA tiêu đề */
    letter-spacing: 2px; /* Tăng khoảng cách chữ */
}
/* --- Định dạng cho khối nội dung chính --- */
ol {
    
    margin-top: 0;
    padding: 40px;     /* Tạo khoảng trắng bên trong khối */
    background-color: white; /* Nền trắng cho khối nội dung */
    border-radius: 8px; /* Bo góc nhẹ */
}

/* --- Định dạng cho các tiêu đề và văn bản bên trong --- */



/* Biến các thẻ <li> thành tiêu đề mục */
ol li {
    font-size: 1.8em;      /* Tăng kích thước chữ cho tiêu đề */
    margin-left: 20px;
    color: #000;
    margin-top: 40px;      /* Tạo khoảng cách phía trên mỗi tiêu đề */
    margin-bottom: 15px;
    padding-left: 0;       /* Xóa padding mặc định của li */
}

/* Tiêu đề đầu tiên không cần khoảng cách bên trên */
ol li:first-of-type {
    margin-top: 0;
}

/* Định dạng các đoạn văn bản (paragraph) */
ol p {
    font-size: 1em;
    margin-bottom: 20px;
}