/* A single blackletter nameplate with gold G and blue-white first z. */
.site-title {
    font-style: normal;
    font-weight: 400;
    font-synthesis: none;
    line-height: 1.3;
}

.site-name {
    display: inline-block;
    font-family: "Manufacturing Consent", serif;
    font-size: 1.5em;
    white-space: nowrap;
}

.site-initial-g {
    color: #ffcc00; /* Supernova gold */
}

.site-initial-z {
    color: #d6eaff; /* Blue-white starlight */
}

/* Center About's own page title. Embedded titles use the normal embed layout. */
.top-header > h1:has(> .site-title) {
    display: block;
    margin: 0;
    font-size: clamp(1.3rem, 4vw, 2.2rem);
    font-weight: 400;
    text-align: center;
}

/* The About nameplate uses direct profile links instead of metadata. */
header:has(> :is(h1, .embed-title) > .site-title) > .metadata {
    display: none;
}

.site-social {
    margin: 1em 0 0.5em;
    color: var(--slug-color);
    font-size: 0.92em;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
}

.site-social > .profile-line {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25em 0.8em;
    margin: 0;
}

.site-social > .profile-line + .profile-line {
    margin-top: 1.7em; /* One blank line between the two contact rows. */
}

/* One blank line below the contact rows, matching the gap between them. */
.site-social.site-colophon {
    margin-top: 1.7em;
}

.profile-label {
    white-space: nowrap;
}

.site-social a {
    white-space: nowrap;
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

.site-social a:hover {
    color: var(--text-color);
}