/* TPH64A_BLOG_CARD_TYPOGRAPHY_EXCERPT_REFINE
   Scope: blog.php article cards.
   Strong selectors intentionally override tph-global-font.css.
*/

/* Date/meta line: smaller and visually secondary. */
.blog-main .blog-grid .blog-card .blog-meta{
    font-size:11px!important;
    line-height:1.35!important;
}

/* Card title: slightly smaller than current global 17px. */
.blog-main .blog-grid .blog-card .blog-body h3{
    font-size:15px!important;
    line-height:1.38!important;
    font-weight:800!important;
}

/* Excerpt: smaller, longer, up to ~5 lines. */
.blog-main .blog-grid .blog-card .blog-body p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
    overflow:hidden!important;
    max-height:7.5em!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:400!important;
}

@media (max-width:767px){
    .blog-main .blog-grid .blog-card .blog-meta{
        font-size:9.5px!important;
        line-height:1.3!important;
    }

    .blog-main .blog-grid .blog-card .blog-body h3{
        font-size:13px!important;
        line-height:1.35!important;
    }

    .blog-main .blog-grid .blog-card .blog-body p{
        -webkit-line-clamp:5!important;
        max-height:7em!important;
        font-size:10.5px!important;
        line-height:1.4!important;
    }
}

/* TPH64B_BLOG_CARD_TITLE_FONT_REDUCE
   Card title only. STEP64A date/meta and excerpt settings remain unchanged.
*/
.blog-main .blog-grid .blog-card .blog-body h3{
    font-size:13px!important;
    line-height:1.35!important;
}

@media (max-width:767px){
    .blog-main .blog-grid .blog-card .blog-body h3{
        font-size:11.5px!important;
        line-height:1.3!important;
    }
}

/* TPH64C_BLOG_CARD_TITLE_FONT_REDUCE_MORE
   Card title only — one more size reduction after visual review.
   Date/meta and excerpt settings from STEP64A remain unchanged.
*/
.blog-main .blog-grid .blog-card .blog-body h3{
    font-size:11.5px!important;
    line-height:1.32!important;
    font-weight:800!important;
}

@media (max-width:767px){
    .blog-main .blog-grid .blog-card .blog-body h3{
        font-size:10px!important;
        line-height:1.28!important;
    }
}

/* TPH64D_BLOG_MOBILE_CARD_TITLE_FONT_REDUCE
   Mobile-only final reduction. Desktop/tablet remains STEP64C at 11.5px.
*/
@media (max-width:767px){
    .blog-main .blog-grid .blog-card .blog-body h3{
        font-size:9px!important;
        line-height:1.28!important;
    }
}

/* TPH64H_BLOG_REAL_MOBILE_H2_TITLE_FIX
   STEP64F runtime diagnostic confirmed visible blog card title DOM:
   article.blog-card > div.blog-body > h2 > a
   Mobile-only override; desktop/tablet untouched.
*/
@media (max-width:767px){
    .blog-main .blog-grid article.blog-card .blog-body > h2{
        font-size:13px!important;
        line-height:1.34!important;
        font-weight:700!important;
    }

    .blog-main .blog-grid article.blog-card .blog-body > h2 > a{
        font-size:inherit!important;
        line-height:inherit!important;
        font-weight:inherit!important;
    }
}