.site-page { max-width: 760px; }

.site-page-body { font-size: .92rem; line-height: 1.7; margin: 1rem 0 1.5rem; }
.site-page-body img { max-width: 100%; border-radius: 8px; }

.site-page-links {
    display: flex; flex-wrap: wrap; gap: .5rem;
    padding-top: 1rem; border-top: 1px solid var(--border);
}
.site-page-links a {
    padding: .4rem .8rem; border-radius: 20px; border: 1px solid var(--border);
    background: var(--surface); color: var(--ink); font-size: .82rem; font-weight: 600;
    text-decoration: none;
}
.site-page-links a:hover { border-color: var(--indigo); color: var(--indigo); }

/* ---- Site Staff ---- */
.site-staff-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: .75rem;
}
.site-staff-card {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
    padding: 1.1rem .85rem; text-decoration: none; color: inherit;
    transition: border-color .12s ease, transform .1s ease;
}
.site-staff-card:hover { border-color: var(--indigo); transform: translateY(-2px); }
.site-staff-avatar {
    width: 64px; height: 64px; border-radius: 50%; object-fit: cover; margin-bottom: .6rem;
}
.site-staff-avatar-initial {
    display: flex; align-items: center; justify-content: center;
    background: var(--indigo); color: #fff; font-size: 1.4rem; font-weight: 800;
}
.site-staff-card strong { font-size: .88rem; }
.site-staff-role {
    display: inline-block; margin-top: .3rem; padding: .15rem .55rem; border-radius: 999px;
    background: var(--chip-color, #6b7280); color: #fff; font-size: .64rem; font-weight: 800;
    text-transform: uppercase; letter-spacing: .03em;
}
.site-staff-bio { font-size: .78rem; color: var(--ink-soft); margin: .5rem 0 0; line-height: 1.4; }

@media (max-width: 560px) {
    .site-staff-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
}