:root {
    --md-primary-fg-color: #FF4400;
    --md-primary-fg-color--light: #FF703B;
    --md-primary-fg-color--dark: #CC3600;
    --md-typeset-a-color: #FF4400;
    --md-accent-fg-color: #FF4400;
    --md-accent-fg-color--transparent: rgba(255, 68, 0, 0.1);
    /* Bạn có thể xóa biến dư thừa nếu nó không được áp dụng tĩnh */
}

/* Thay đổi kích thước khung để lấy không gian cho menu trái, đồng thời thu hẹp nội dung giữa */
@media screen and (min-width: 1220px) {
    .md-grid {
        max-width: 90%;
        /* Căng phần grid ra 90% màn hình để phần chữ không bị rớt dòng quá nhanh do content chính quá hẹp */
    }

    .md-sidebar--primary {
        width: 15rem !important;
        /* Chiều rộng thanh điều hướng trái tăng lên để vừa chữ */
    }
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #FF4400;
    --md-primary-fg-color--light: #FF703B;
    --md-primary-fg-color--dark: #CC3600;
    --md-typeset-a-color: #FF4400;
    --md-accent-fg-color: #FF4400;
    --md-accent-fg-color--transparent: rgba(255, 68, 0, 0.1);
}

/* Tăng kích thước và làm nổi bật các header/segment trong thanh điều hướng (Sidebar) */
.md-nav__title,
.md-nav__item--section>.md-nav__link,
.md-nav__item--nested>.md-nav__link[for] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--md-primary-fg-color);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.5em;
}

/* Làm nổi bật thêm các thẻ heading (h1, h2, h3...) trong nội dung bài viết */
.md-typeset h1 {
    font-size: 2.2em;
    font-weight: 800;
}

.md-typeset h2 {
    font-size: 1.8em;
    font-weight: 700;
    color: var(--md-primary-fg-color);
}

.md-typeset h3 {
    font-size: 1.4em;
    font-weight: 700;
}

/* Đảm bảo toàn bộ các mục (item) con đều có không gian lùi vào trong thống nhất */
.md-nav__item {
    padding-left: 1em !important;
}

/* Tăng kích thước font chữ cho các tiêu mục trên Head Menu (Thanh điều hướng ngang bên trên) */
.md-tabs__link {
    font-size: 0.7rem;
    font-weight: 700;
    /* Tăng mức font mặc định lên khoảng 2 size */
}

/* 1. Chuyển màu chữ khi đang được chọn sang #0000E6 */
/* 2. Cho thêm dấu _____ bên dưới chữ để nhấn mạnh vùng đang chọn */
.md-tabs__item--active .md-tabs__link {
    color: #E1E1E1 !important;
    opacity: 1 !important;
    /* Thêm vạch gạch dưới 3px làm dấu hiệu đang chọn */
    border-bottom: 3px solid #E1E1E1 !important;
    padding-bottom: 2px !important;
}