/* Article reading rhythm — keep the existing content order while bringing the story into view. */
html.white-apple-theme body.page-blog-detail main#main-content .blog-detail {
    padding-top: 48px !important;
}

html.white-apple-theme body.page-blog-detail main#main-content .article-container,
html.white-apple-theme body.page-blog-detail main#main-content .article-container.glass-panel {
    padding-top: 22px !important;
}

html.white-apple-theme body.page-blog-detail main#main-content .article-back {
    margin-bottom: 20px !important;
}

html.white-apple-theme body.page-blog-detail main#main-content .article-cover {
    aspect-ratio: 14 / 5 !important;
    margin-bottom: 22px !important;
    object-fit: cover !important;
    object-position: center !important;
}

html.white-apple-theme body.page-blog-detail main#main-content .article-title {
    font-size: clamp(40px, 4vw, 50px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.032em !important;
}

/* The original large BGA cover can be unavailable in local/offline previews; keep the visible article hero intact. */
html.white-apple-theme body.page-blog-detail main#main-content img.article-cover[src*="bga-pcb-assembly-quality-control.webp"] {
    background: #eef0ed url("/static/img/blog/bga-pcb-assembly-quality-control-400.webp?imgopt=20260816-stable") center / cover no-repeat !important;
    color: transparent !important;
}

@media (max-width: 768px) {
    html.white-apple-theme body.page-blog-detail main#main-content .blog-detail {
        padding-top: 28px !important;
    }

    html.white-apple-theme body.page-blog-detail main#main-content .article-container,
    html.white-apple-theme body.page-blog-detail main#main-content .article-container.glass-panel {
        padding-top: 22px !important;
    }

    html.white-apple-theme body.page-blog-detail main#main-content .article-back {
        margin-bottom: 18px !important;
    }

    html.white-apple-theme body.page-blog-detail main#main-content .article-cover {
        aspect-ratio: 16 / 9 !important;
        margin-bottom: 20px !important;
    }

    html.white-apple-theme body.page-blog-detail main#main-content .article-title {
        font-size: clamp(32px, 9.2vw, 36px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.028em !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.white-apple-theme body.page-blog-detail main#main-content .article-cover {
        transition: none !important;
    }
}