.people-index{max-width:64rem;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-header h1{margin:0 0 var(--space-2);font-size:var(--text-3xl)}.page-description{margin:0;color:var(--color-ink-muted);font-size:var(--text-lg)}.controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:200px;max-width:24rem}.search-wrapper .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--color-ink-muted);pointer-events:none}.search-wrapper .search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.5rem;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:#fff;border:1px solid var(--color-rule-dark);border-radius:0;transition:border-color .15s ease}.search-wrapper .search-input:focus{outline:none;border-color:var(--color-ink)}.search-wrapper .search-input::placeholder{color:var(--color-ink-faint)}.filter-wrapper{display:flex;align-items:center;gap:var(--space-2)}.filter-label{font-size:var(--text-sm);color:var(--color-ink-muted);white-space:nowrap}.filter-select{padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:#fff;border:1px solid var(--color-rule-dark);border-radius:0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6B6B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:var(--color-ink)}.results-count{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-6)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.person-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#fff;border:1px solid var(--color-rule);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.person-card:hover{border-color:var(--color-rule-dark);box-shadow:0 2px 8px #0000000f}.person-avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-accent) 0%,#2c4a6e 100%);display:flex;align-items:center;justify-content:center}.person-portrait{width:100%;height:100%;object-fit:cover;object-position:center top}.person-initial{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;color:#fff;text-transform:uppercase}.person-info{min-width:0;flex:1}.person-name{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--color-ink);margin:0 0 var(--space-1);line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card:hover .person-name{color:var(--color-accent)}.person-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-ink-muted)}.person-category{text-transform:capitalize}.person-divider{color:var(--color-ink-faint)}.country-flag{display:inline-flex;align-items:center;justify-content:center;line-height:1}.flag-sm{font-size:.875rem}.load-more-wrapper{display:flex;justify-content:center;margin-top:var(--space-8)}.load-more-btn{padding:var(--space-3) var(--space-8);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);background:transparent;border:2px solid var(--color-accent);cursor:pointer;transition:background-color .15s ease,color .15s ease}.load-more-btn:hover{background:var(--color-accent);color:#fff}.load-more-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.empty-icon{width:3rem;height:3rem;color:var(--color-ink-faint);margin-bottom:var(--space-4)}.empty-text{font-size:var(--text-lg);color:var(--color-ink-muted);margin-bottom:var(--space-4)}.empty-reset{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);background:transparent;border:1px solid var(--color-accent);cursor:pointer;transition:background-color .15s ease,color .15s ease}.empty-reset:hover{background:var(--color-accent);color:#fff}@media(max-width:768px){.page-header h1{font-size:var(--text-2xl)}.controls{flex-direction:column}.search-wrapper{max-width:none}.people-grid{grid-template-columns:1fr}}@media(max-width:480px){.person-card{padding:var(--space-3)}.person-avatar{width:48px;height:48px}.person-name{font-size:var(--text-base)}}