/* =========================================
   Why You Can't Fall Asleep — Article-specific overrides
   Shared base styles: ../shared/blog-article.css
   ========================================= */

/* Quote card: no top margin (override shared 16px) */
.part1-quote-card {
    margin-top: 0;
}

/* Hero image */
.part1-img {
    width: 100%;
    border-radius: 20px;
    margin-top: 24px;
    display: block;
    object-fit: cover;
}

/* Orange links (override shared #6AACFF) */
.blog-link {
    color: #FF952A;
}

/* Topic card overrides */
.topic-card-img {
    height: 160px;
}

.topic-card-body {
    padding: 16px 20px;
    gap: 8px;
}

.topic-card-title {
    font-size: 18px;
}

/* =========================================
   Mobile overrides — article-specific
   ========================================= */
@media (max-width: 768px) {

    .part1-title {
        font-size: 28px;
    }

    .part1-quote-card {
        padding: 20px;
    }

    .part2-title {
        font-size: 20px;
    }

    .part2-btn {
        font-size: 17px;
    }

    /* Section titles: 24px (override shared 26px) */
    .blog-section-title {
        font-size: 24px;
    }

    /* Blog bottom */
    .blog-bottom {
        margin-top: 80px;
    }

    /* Orange mobile CTA button (override shared #0a6cff) */
    .mobile-bottom-card-btn {
        background-color: #FF952A;
    }

    .topic-card-title {
        font-size: 15px;
    }
}