/*-----------------------------------*\
  #RESEARCH PAGE TYPOGRAPHY IMPROVEMENTS
  Tăng cỡ chữ để dễ đọc hơn
\*-----------------------------------*/

/* Tăng cỡ chữ cho tiêu đề chính */
.project-heading {
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

/* Tăng cỡ chữ cho đoạn mô tả giới thiệu */
.lead-note {
    font-size: 1.25rem !important;
    line-height: 1.8;
    margin-bottom: 3rem;
}

/* Tăng cỡ chữ cho tiêu đề card */
.card-title {
    font-size: 1.4rem !important;
    line-height: 1.5;
    font-weight: 700;
}

/* Tăng cỡ chữ cho nội dung card */
.card-text {
    font-size: 1.05rem !important;
    line-height: 1.8;
}

/* Tăng cỡ chữ cho buttons */
.btn-wrap .btn {
    font-size: 0.95rem !important;
    padding: 0.75rem 1.5rem !important;
}

/* Tăng cỡ chữ cho Contact section */
.contact-card .card-subtitle {
    font-size: 1.2rem !important;
}

.contact .section-title {
    font-size: 2.5rem !important;
}

.contact-input {
    font-size: 1.1rem !important;
    padding: 18px 25px !important;
}

.contact-item-title {
    font-size: 1.3rem !important;
}

.contact-item-link {
    font-size: 1.1rem !important;
}

/* Tăng cỡ chữ cho Blog section */
.blog .section-title {
    font-size: 2.5rem !important;
}

.blog .section-text {
    font-size: 1.2rem !important;
    line-height: 1.8;
}

.blog-card .card-tag {
    font-size: 1rem !important;
}

.blog-card .card-title {
    font-size: 1.5rem !important;
    line-height: 1.4;
}

/* Hero Title - chỉ tăng cỡ chữ, không thay đổi background */
.hero-title {
    font-size: clamp(2.5rem, 6vw, 4rem) !important;
    line-height: 1.3;
}

/* Responsive - điều chỉnh cho màn hình nhỏ */
@media (max-width: 768px) {
    .project-heading {
        font-size: 2rem !important;
    }

    .lead-note {
        font-size: 1.1rem !important;
    }

    .card-title {
        font-size: 1.2rem !important;
    }

    .card-text {
        font-size: 1rem !important;
    }
}

/* Responsive - màn hình lớn */
@media (min-width: 1200px) {
    .project-heading {
        font-size: 4rem !important;
    }

    .lead-note {
        font-size: 1.35rem !important;
    }

    .card-title {
        font-size: 1.5rem !important;
    }

    .card-text {
        font-size: 1.1rem !important;
    }
}

/* ========================================
   PROJECT DETAIL PAGES TYPOGRAPHY
   Tăng cỡ chữ cho project1-6.html
======================================== */

/* Project intro text (blue subtitle) */
.project-intro {
    font-size: 1.35rem !important;
    line-height: 1.9;
}

/* Project Details Section */
.project-details h2 {
    font-size: 2.2rem !important;
    line-height: 1.3;
    margin-top: 2.5rem;
}

.project-details p {
    font-size: 1.2rem !important;
    line-height: 1.9;
    margin-bottom: 1.8rem;
}

.project-details ul li {
    font-size: 1.15rem !important;
    line-height: 1.9;
    margin-bottom: 1rem;
}

/* Content Heading (Topics in...) */
.content-heading {
    font-size: clamp(2.2rem, 4vw, 3rem) !important;
    line-height: 1.3;
}

/* Topics List */
.topics-list ol li {
    font-size: 1.15rem !important;
    line-height: 1.9;
}

.topics-list ol li strong {
    font-size: 1.25rem !important;
    line-height: 1.7;
    margin-bottom: 0.8rem;
}

.topics-list ol li p {
    font-size: 1.15rem !important;
    line-height: 1.9;
}

/* Project Links Section */
.project-links h2 {
    font-size: 2rem !important;
}

.project-links a {
    font-size: 1.2rem !important;
}

/* Back Link */
.back-link {
    font-size: 1.2rem !important;
}

/* Responsive cho Project Pages - Mobile */
@media (max-width: 768px) {
    .project-intro {
        font-size: 1.15rem !important;
    }

    .project-details h2 {
        font-size: 1.8rem !important;
    }

    .project-details p {
        font-size: 1.1rem !important;
    }

    .project-details ul li {
        font-size: 1.05rem !important;
    }

    .content-heading {
        font-size: 2rem !important;
    }

    .topics-list ol li {
        font-size: 1.05rem !important;
    }

    .topics-list ol li strong {
        font-size: 1.15rem !important;
    }

    .topics-list ol li p {
        font-size: 1.05rem !important;
    }

    .project-links a {
        font-size: 1.1rem !important;
    }

    .back-link {
        font-size: 1.1rem !important;
    }
}

/* Responsive cho Project Pages - Desktop Large */
@media (min-width: 1200px) {
    .project-intro {
        font-size: 1.45rem !important;
    }

    .project-details h2 {
        font-size: 2.4rem !important;
    }

    .project-details p {
        font-size: 1.3rem !important;
    }

    .project-details ul li {
        font-size: 1.2rem !important;
    }

    .content-heading {
        font-size: 3.2rem !important;
    }

    .topics-list ol li {
        font-size: 1.2rem !important;
    }

    .topics-list ol li strong {
        font-size: 1.35rem !important;
    }

    .topics-list ol li p {
        font-size: 1.2rem !important;
    }

    .project-links a {
        font-size: 1.25rem !important;
    }

    .back-link {
        font-size: 1.25rem !important;
    }
}