/**
 * Byline metadata row
 *
 *   [avatar]  Author: [Author Name]  ·  Last Update: <modified date>
 *
 * Inherits size/colour from that page's own .abp5-ngc-meta rule
 * (.9rem, #5b6270 on a white background); this file only adds the row
 * layout, avatar, separators and label weight.
 */

.abp5_ngc_byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3em 0.65em;
}

/* Circular author avatar, vertically centred against the text by the
   row's align-items: center. */
/* Two classes so the radius survives builder-injected image rules on pages whose
   content is rendered by the builder (Contact Us). */
.abp5_ngc_byline .abp5_ngc_byline_avatar,
.abp5_ngc_byline_avatar {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.abp5_ngc_byline_item {
    white-space: nowrap;
}

.abp5_ngc_byline_label {
    font-weight: 700;
    color: #3a4150;
}

.abp5_ngc_byline_value {
    color: #5b6270;
}

.abp5_ngc_byline_sep {
    color: #c3c9d4;
    user-select: none;
}

.abp5_ngc_byline_link {
    color: #1f6feb;
    text-decoration: none;
    white-space: nowrap;
}

.abp5_ngc_byline_link:hover,
.abp5_ngc_byline_link:focus {
    color: #0a58c2;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .abp5_ngc_byline {
        gap: 0.2em 0.5em;
        font-size: 0.85rem;
    }
}