main { width: min(100%, 760px); }
nav { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid #363c59; padding-bottom: 24px; }
nav .brand { text-decoration: none; }
.search-row { display: flex; align-items: stretch; gap: 12px; margin-top: 8px; }
.search-row input { margin: 0; min-width: 0; }
.search-row button { margin: 0; width: auto; background: #fe2c55; color: #fff; }
#search-results { padding: 0; list-style: none; }
#search-results li { border-top: 1px solid #363c59; }
.person { display: flex; gap: 16px; align-items: center; padding: 18px 8px; text-decoration: none; color: #f4f5ff; border-radius: 12px; }
.person:hover { background: #222548; }
.person-initial { flex-shrink: 0; width: 48px; height: 48px; display: grid; place-items: center; background: linear-gradient(135deg, #64f4e7, #b0a4ff, #fa4c75); border-radius: 50%; color: #101323; font-weight: 800; font-size: 22px; }
.person-name { display: block; font-weight: 700; overflow-wrap: anywhere; }
.person-caption { display: block; font-size: 12px; color: #bdc5db; margin-top: 5px; }
@media (max-width: 420px) { .search-row { flex-direction: column; } }