/* =========================================
   Why Waking at a Fixed Time Feels Awful — Article-specific overrides
   Shared base styles: ../shared/blog-article.css
   This article uses Avenir throughout and a pure-black background.
   ========================================= */

/* Black background (override shared #191919) */
body {
    background-color: black;
}

/* Avenir font overrides */
.breadcrumb {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.blog-part {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.part1-title {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.part1-subtitle {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.part1-quote-card {
    margin-top: 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.quote-text {
    font-family: 'Avenir', -apple-system, sans-serif;
}

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

.part2-title {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.part2-desc {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.part2-btn {
    font-family: 'Avenir', -apple-system, sans-serif;
    color: #000000;
}

.capsule-text {
    font-family: 'Avenir', -apple-system, sans-serif;
}

/* Semantic section classes — Avenir */
.blog-section-title {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.blog-section-text {
    font-family: 'Avenir', -apple-system, sans-serif;
}

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

.faq-main-title {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.part10-title {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.topic-card-title {
    font-family: 'Avenir', -apple-system, sans-serif;
    font-size: 18px;
}

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

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

/* Blog bottom */
.bottom-title {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.bottom-subtitle {
    font-family: 'Avenir', -apple-system, sans-serif;
}

.access_button {
    font-family: 'Avenir', -apple-system, sans-serif;
    color: #000000;
}

.bottom-copyright {
    font-family: 'Avenir', -apple-system, sans-serif;
    background-color: #000000;
}

/* Lightbox: pure black overlay */
.img-lightbox {
    background-color: rgba(0, 0, 0, 0.9);
}

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

    .nav-drawer .nav-link-btn {
        font-family: 'Avenir', -apple-system, sans-serif;
    }

    .nav-drawer-cta {
        font-family: 'Avenir', -apple-system, sans-serif;
        color: #000000;
    }

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

    .part1-img {
        max-height: 240px;
    }

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

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

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

    /* More Articles title */
    .part10-title {
        font-size: 24px;
    }

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

    /* Mobile bottom card */
    .mobile-bottom-card-title {
        font-family: 'Avenir', -apple-system, sans-serif;
    }

    .mobile-bottom-card-desc {
        font-family: 'Avenir', -apple-system, sans-serif;
    }

    .mobile-bottom-card-btn {
        font-family: 'Avenir', -apple-system, sans-serif;
    }

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