/* Extracted from Home/GioiThieu.cshtml. */
li {
        list-style-type: circle;
    }

/* Additional extracted block. */
.introduction-page {
        max-width: 1180px;
        margin: 18px auto 36px;
        padding: 28px 34px 38px;
        border: 1px solid #dce7f5;
        border-radius: 14px;
        background: linear-gradient(135deg, #f5f9ff 0%, #fff 55%, #eef5ff 100%);
        box-shadow: 0 10px 30px rgba(34, 78, 145, .13);
        color: #24324a;
        font-family: Roboto, Arial, sans-serif;
    }

    .introduction-page > h1 {
        margin: 24px 0 14px;
        padding: 12px 16px;
        border-left: 5px solid #3978e8;
        border-radius: 0 10px 10px 0;
        background: linear-gradient(90deg, #eaf2ff, rgba(234, 242, 255, .2));
        color: #173b78;
        font-size: clamp(22px, 2.7vw, 32px);
        font-weight: 700;
        line-height: 1.35;
    }

    .introduction-page > h1:first-child { margin-top: 0; }
    .introduction-page > h1 span { color: #2457c5 !important; }

    .introduction-page > h2 {
        margin: 0 0 18px;
        padding: 16px 18px;
        border: 1px solid #e0eaf7;
        border-radius: 10px;
        background: rgba(255, 255, 255, .82);
        color: #4b5b73;
        font-size: clamp(16px, 1.35vw, 19px);
        font-weight: 400;
        line-height: 1.75;
        box-shadow: 0 4px 12px rgba(34, 78, 145, .06);
    }

    .introduction-page ul {
        margin: 0 0 24px;
        padding: 8px 18px 8px 38px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 5px 16px rgba(34, 78, 145, .08);
    }

    .introduction-page li {
        margin: 8px 0;
        padding-left: 5px;
        color: #3978e8;
        list-style-type: disc;
    }

    .introduction-page li h2 {
        display: inline;
        margin: 0;
        color: #40516a;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.65;
    }

    .introduction-page table {
        width: 100% !important;
        margin: 18px 0;
        overflow: hidden;
        border: 1px solid #dce7f5;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(34, 78, 145, .1);
        border-collapse: separate;
        border-spacing: 0;
    }

    .introduction-page table td,
    .introduction-page table th {
        padding: 11px 13px;
        border-color: #e3ebf7 !important;
        color: #4b5b73;
        line-height: 1.6;
    }

    .introduction-page table th {
        color: #fff;
        background: linear-gradient(135deg, #2457c5, #4385ed);
        font-weight: 600;
    }

    .introduction-page strong { color: #2457c5; }

    @media (max-width: 767px) {
        .introduction-page {
            margin: 10px 8px 24px;
            padding: 18px 12px 24px;
        }

        .introduction-page > h1 {
            margin-top: 18px;
            padding: 10px 12px;
            font-size: 22px;
        }

        .introduction-page > h2 {
            padding: 13px 14px;
            font-size: 15px;
            line-height: 1.65;
        }

        .introduction-page ul { padding-left: 30px; }
        .introduction-page li h2 { font-size: 15px; }
        .introduction-page table { display: block; overflow-x: auto; white-space: nowrap; }
    }