/* Thiết lập chung */
body {
    background-color: #f2d7d5; /* Màu nền hồng nhạt như hình */
    font-family:'Special Elite',serif;
    color: #444;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.container {
    display: flex; /* Chia thành 2 cột chính */
    gap: 20px;
    max-width: 1000px;
    width: 100%;
}

/* Các khung hộp (Box) */
.box {
    background: rgba(255, 255, 255, 0.7); /* Nền trắng trong suốt */
    border: 2px solid #888;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

/* Cột bên trái */
.sidebar {
    flex: 1; /* Chiếm khoảng 30% */
}

/* Cột bên phải */
.main-content {
    flex: 2; /* Chiếm khoảng 70% */
}

/* Chia nhỏ cột ở phía dưới bên phải */
.bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Chia đôi cột */
    gap: 20px;
}

/* Trang trí danh sách */
ul, ol {
    padding-left: 20px;
    font-size: 0.9em;
}

/* Giả lập lưới hình ảnh ở sidebar */
.grid-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.img-placeholder {
    background: #ccc;
    height: 50px;
    border: 1px solid #555;
}