/* The shared index rhythm is deliberately a single reading axis. The title,
   description and result count stay together instead of using three unrelated
   horizontal anchors. */
body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]).page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px 24px;
    min-height: 0;
    margin: 0 0 28px;
    padding: 28px 0 24px;
    border: 0;
    border-bottom: 1px solid var(--border, rgba(148, 163, 184, .28));
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]) > .section-kicker,
body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]) > .page-title,
body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]) > .page-lead {
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
    text-align: left;
}

body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]) > .page-lead {
    max-width: none;
}

body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]) > .page-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 2px 0 0;
    color: var(--text-secondary, var(--ink-muted));
    font-size: .875rem;
    text-align: left;
}

body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]) > .page-meta > * + *::before {
    content: '·';
    margin: 0 .55rem;
    color: var(--border-strong, var(--border));
}

@media (max-width: 767.98px) {
    body[data-theme-area="frontend"] :is(.public-index-head, [data-public-index-head]).page-head {
        gap: 10px;
        margin-bottom: 20px;
        padding: 20px 0;
    }
}