/* =================================================================
 * 21. Friends — register of correspondents (templates/friends.html)
 *
 * The masthead above does the ceremonial work; the list below is a
 * ledger. Each card carries a № NNN index in its body so the eye
 * can sweep down the column as if reading a roll-call.
 * ================================================================= */
.proof-friends {
    margin-top: var(--wp--preset--spacing--16);
}
.proof-friends__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    column-gap: var(--wp--preset--spacing--32, 2rem);
    border-top: 1px solid var(--wp--preset--color--text-primary);
}
/* Each row a hairline bottom rule — reads like a printed roll of
 * names. No vertical dividers (would double up at column edges). */
.proof-friends__item {
    margin: 0;
    border-bottom: 1px solid var(--wp--preset--color--line);
}
.proof-friends__link {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0.25rem 1.1rem;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.15s ease;
    height: 100%;
}
.proof-friends__link:hover {
    background: rgba(127, 127, 127, 0.05);
}
.proof-friends__avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 44px;
    background: rgba(127, 127, 127, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-serif);
    font-size: 1.15rem;
    color: var(--wp--preset--color--text-muted);
}
.proof-friends__avatar--placeholder {
    border: 1px solid var(--wp--preset--color--line);
}
.proof-friends__body {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    flex: 1;
}
.proof-friends__no {
    font-family: var(--font-mono);
    font-size: var(--wp--preset--font-size--xxs);
    color: var(--wp--preset--color--text-muted);
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 0.15rem;
    font-feature-settings: "tnum" 1;
}
.proof-friends__name {
    font-family: var(--font-serif);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 500;
    color: var(--wp--preset--color--text-primary);
    line-height: 1.3;
}
.proof-friends__note {
    font-family: var(--font-serif);
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    line-height: 1.5;
    font-style: italic;
    margin-top: 0.15rem;
}
.proof-friends__host {
    font-family: var(--font-mono);
    font-size: var(--wp--preset--font-size--xxs);
    color: var(--wp--preset--color--text-muted);
    opacity: 0.7;
    letter-spacing: 0.02em;
    margin-top: 0.35rem;
}
.proof-friends__empty,
.proof-timeline__empty {
    font-family: var(--font-serif);
    font-style: italic;
    color: var(--wp--preset--color--text-muted);
    text-align: center;
}