/* 
   SPOXTALE POIE - 'Why Pearson' Dedicated Page Custom Stylesheet
   Designed to work harmoniously with style.css, course.css, and purpose.css.
   Contains custom section decorations, premium icon highlights, and responsive adjustments.
*/

/* Reset top padding to match admission requirements page layout */
.btec-page {
    padding-top: 0 !important;
}

/* Custom Grid for 2-column comparison */
.comparison-section {
    padding: 20px 0 40px 0;
    background-color: #ffffff;
    margin-top: 0 !important;
}

.comparison-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 40px;
}

/* Enhancing list styles for subpages */
.highlight-checklist {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.highlight-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 0.95rem;
    color: var(--light-slate);
    line-height: 1.5;
}

.highlight-checklist li i {
    font-size: 1rem;
    margin-top: 3px;
    flex-shrink: 0;
}

.text-teal {
    color: #1aa495;
}

.text-pink {
    color: #ec3b83;
}

.text-yellow {
    color: #eeb902;
}

/* Custom grid layout for subpage hero with image */
.btec-hero {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 50px;
    align-items: center;
    padding: 10px 0 30px 0;
    margin-bottom: 0 !important;
}

.btec-hero .breadcrumbs {
    margin-bottom: 12px;
}

.btec-hero-image {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: var(--card-shadow);
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .btec-hero {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 15px 0 30px 0;
    }

    .btec-hero-image {
        height: 260px;
    }

    .comparison-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

.qualification-heading {
    font-size: 28px !important;
    color: rgb(21, 28, 45) !important;
}

/* Remove bottom margin on feature cards to tighten gap before lead form */
.course-features-section {
    margin-bottom: 0 !important;
}