/* Base subtitle styling - adjust as needed */
.subtitle,
.simple-subtitle,
.post-subtitle,
.entry-subtitle,
.entry-header .subtitle {  /* Use multiple if unsure of exact class */
    display: block;                /* Ensures it's on its own line below title */
    margin: 8px 0 24px 0;          /* Space above/below - tweak these values */
    padding: 0;
    font-style: italic;            /* Nice for bylines like "Article by ..." */
    font-weight: 400;              /* Normal weight, not bold */
    line-height: 1.4;              /* Readable line spacing */
    text-align: center;            /* Or change to left/center/right */
    letter-spacing: 0.5px;         /* Slight spacing for elegance */
}

/* Font family & size options */
.subtitle,
.simple-subtitle {
    font-family: 'Georgia', serif; /* Elegant serif - or use your theme's font, e.g. inherit */
    font-size: 1.1em;              /* Slightly smaller than main title - try 1.05em to 1.2em */
    /* Alternative sizes:
       font-size: 18px;            /* Fixed px for consistency */
       font-size: 1.05rem;         /* Relative to root */
    */
}

/* Color variations */
.subtitle,
.simple-subtitle {
    color: #555555;                /* Medium gray - subtle byline look */
    /* Other color ideas:
       color: #666666;             /* Darker gray */
       color: #777777;
       color: #333333;             /* Almost black */
       color: #0073aa;             /* WordPress blue accent */
       color: #444444;
    */
}

/* Optional: Make it fancier for guest author/byline feel */
.subtitle strong {                 /* If you bold part like "Article by <strong>Name</strong>" */
    font-weight: 20;
    color: #222222;
}

/* Responsive adjustments - smaller on mobile */
@media (max-width: 768px) {
    .subtitle,
    .simple-subtitle {
        font-size: 1em;            /* Or 16px */
        margin: 6px 0 18px 0;
    }
}

/* If NO class is used (plain <p> after title) - use contextual selectors */
.entry-header p:first-of-type + p,      /* Second paragraph in header */
.entry-title + p,                       /* Paragraph right after title */
h1.entry-title + p {
    font-style: italic;
    color: #666;
    font-size: 1.05em;
    text-align: center;
    margin-top: -10px;              /* Pull closer to title if needed */
}