.category .page-title {
	display: none;
}

/* Increase the site title font size on all devices */
.site-branding .site-title,
.site-branding .site-title a {
    font-size: 52px !important;
    line-height: 1.2 !important;
}

/* Optional: Keep it slightly smaller on mobile screens so it doesn't break into multiple lines */
@media screen and (max-width: 48em) {
    .site-branding .site-title,
    .site-branding .site-title a {
        font-size: 27px !important;
    }
}

/* FIX DOUBLE SCROLLBAR ISSUE */
/* 1. Force the master theme containers to flow naturally without secondary scrollbars */
#page, 
#content, 
#primary, 
#main, 
.site-main, 
.entry-inner, 
.entry-content,
article[id^="post-"] {
    overflow: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* 2. Target the distinct split-screen columns used by Dyad 2 */
.single-post .entry-media,
.single-post .entry-body {
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
}

/* 3. Lock and restore the featured image on desktop screens */
@media screen and (min-width: 48em) {
    .single-post .entry-media {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 50% !important;
        height: 100vh !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
/* 4. Move the content column neatly to the right half */
    .single-post .entry-body {
        margin-left: 50% !important;
        width: 50% !important;
        position: relative !important;
    }
}

/* 5. Hide any persistent webkit/browser scrollbars strictly inside the post container */
.entry-body::-webkit-scrollbar,
.entry-inner::-webkit-scrollbar,
#primary::-webkit-scrollbar {
    display: none !important;
}

.entry-body,
.entry-inner,
#primary {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;     /* Firefox */
}
