/* Mobile author rows; retain the original desktop author blocks unchanged. */
.brd-mobile-authors { display: none; }
@media (max-width: 767px) {
    /* All post layouts: title, excerpt, authors/meta/share, then feature image. */
    .gh-article-header > .gh-article-sidebar { order: 1; }
    .gh-article-header > .gh-article-image { order: 2; }
    .gh-article-sidebar { display: flex; flex-direction: column; align-items: stretch; }
    .gh-article-sidebar > .gh-author-image-list,
    .gh-article-sidebar > .gh-author-name-list { display: none; }
    .gh-article-sidebar > .brd-mobile-authors { display: flex; flex-direction: column; gap: 10px; width: 100%; }
    .brd-mobile-author { display: flex; align-items: center; gap: 12px; min-width: 0; }
    .gh-article-sidebar .brd-mobile-author .gh-author-image {
        display: flex; position: relative !important; flex: 0 0 40px;
        width: 40px; height: 40px; margin: 0; transform: none; border-radius: 50%;
    }
    .brd-mobile-author .gh-author-icon { width: 100%; height: 100%; }
    .brd-mobile-author .gh-author-icon svg { display: block; width: 100%; height: 100%; }
    .brd-mobile-author .gh-author-name { flex: 1; min-width: 0; margin: 0; }
    .brd-mobile-author .gh-author-name a { white-space: normal; overflow-wrap: anywhere; }
    .gh-article-sidebar > .gh-article-meta { align-self: stretch; margin-top: 12px; }
    .gh-article-sidebar .gh-article-meta-inner { flex-wrap: wrap; }
    .gh-article-sidebar > .gh-button-share { align-self: flex-start; margin-top: 12px; }
    /* Override injected card sizes only; exclude the dedicated issue module. */
    .gh-topic:not(#brd-issue-related *) .gh-card-title { font-size: 17.5px !important; }
    .gh-topic-grid:not(#brd-issue-related *) .gh-card:first-child .gh-card-title,
    .gh-topic-minimal:not(#brd-issue-related *) .gh-card:first-child .gh-card-title { font-size: 23px !important; }
    /* Read next has equally sized recommendation titles, including its first card. */
    .gh-read-next .gh-topic-grid:not(#brd-issue-related *) .gh-card:first-child .gh-card-title { font-size: 17.5px !important; }
    /* Only the issue's related module keeps its desktop landscape photo ratio. */
    #brd-issue-related .gh-card-image::before { padding-bottom: 61% !important; }
}

/* Let a wrapped homepage byline share its last line with the publication date. */
.home-template .gh-card-author { display: inline; }