/* SPACE2047 RESPONSIVE HEADER / SUBTITLE FIX */
.s2047-header,
.site-header,
header.site-header,
.s2047-top,
.s2047-brand,
.s2047-branding,
.s2047-logo-area,
.s2047-header-inner {
    box-sizing: border-box !important;
}

.s2047-brand,
.s2047-branding,
.s2047-logo-area,
.s2047-header-inner,
.site-branding {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.s2047-site-title,
.site-title,
.s2047-brand-title,
.s2047-logo-title,
.s2047-brand h1,
.s2047-branding h1,
.site-branding h1 {
    max-width: 100% !important;
    overflow: visible !important;
    text-align: center !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: clamp(1.55rem, 5.4vw, 3rem) !important;
}

.s2047-site-description,
.site-description,
.s2047-tagline,
.s2047-subtitle,
.s2047-brand-subtitle,
.s2047-logo-subtitle,
.s2047-brand p,
.s2047-branding p,
.site-branding p,
.s2047-header .subtitle,
.site-header .subtitle {
    display: block !important;
    width: 100% !important;
    max-width: min(100%, 980px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
    line-height: 1.35 !important;
    letter-spacing: clamp(0.08em, 1.1vw, 0.42em) !important;
    font-size: clamp(0.72rem, 2.6vw, 1.05rem) !important;
}

/* Target the visible author subtitle text even if the theme used a custom class. */
.s2047-header *:not(script):not(style),
.site-header *:not(script):not(style) {
    min-width: 0;
}

@media (max-width: 900px) {
    .s2047-header,
    .site-header,
    header.site-header {
        overflow: visible !important;
    }

    .s2047-header-inner,
    .s2047-brand,
    .s2047-branding,
    .site-branding {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 4px !important;
    }

    .s2047-site-description,
    .site-description,
    .s2047-tagline,
    .s2047-subtitle,
    .s2047-brand-subtitle,
    .s2047-logo-subtitle,
    .s2047-brand p,
    .s2047-branding p,
    .site-branding p,
    .s2047-header .subtitle,
    .site-header .subtitle {
        letter-spacing: 0.22em !important;
        font-size: clamp(0.7rem, 2.7vw, 0.92rem) !important;
        line-height: 1.45 !important;
    }
}

@media (max-width: 560px) {
    .s2047-header,
    .site-header,
    header.site-header {
        height: auto !important;
        min-height: 0 !important;
    }

    .s2047-header-inner,
    .s2047-brand,
    .s2047-branding,
    .site-branding {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .s2047-site-title,
    .site-title,
    .s2047-brand-title,
    .s2047-logo-title,
    .s2047-brand h1,
    .s2047-branding h1,
    .site-branding h1 {
        font-size: clamp(1.45rem, 7.8vw, 2.1rem) !important;
        letter-spacing: 0.18em !important;
    }

    .s2047-site-description,
    .site-description,
    .s2047-tagline,
    .s2047-subtitle,
    .s2047-brand-subtitle,
    .s2047-logo-subtitle,
    .s2047-brand p,
    .s2047-branding p,
    .site-branding p,
    .s2047-header .subtitle,
    .site-header .subtitle {
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        letter-spacing: 0.14em !important;
        font-size: clamp(0.62rem, 2.65vw, 0.78rem) !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 390px) {
    .s2047-site-description,
    .site-description,
    .s2047-tagline,
    .s2047-subtitle,
    .s2047-brand-subtitle,
    .s2047-logo-subtitle,
    .s2047-brand p,
    .s2047-branding p,
    .site-branding p,
    .s2047-header .subtitle,
    .site-header .subtitle {
        letter-spacing: 0.09em !important;
        font-size: 0.61rem !important;
        line-height: 1.55 !important;
    }
}