.search-page-wrap{max-width:720px;margin:var(--space-12) auto;padding:0 var(--space-6)}.search-page-heading{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-navy-700);margin-bottom:var(--space-2)}.search-page-lead{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--space-8)}.sp-root{gap:var(--space-6);flex-direction:column;display:flex}.sp-input-row{gap:var(--space-2);flex-direction:column;display:flex}.sp-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-neutral-700)}.sp-input-wrap{align-items:center;display:flex;position:relative}.sp-search-icon{left:var(--space-3);color:var(--color-neutral-400);pointer-events:none;flex-shrink:0;position:absolute}[dir=rtl] .sp-search-icon{left:auto;right:var(--space-3)}.sp-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-neutral-900);background:var(--color-white);min-height:48px;transition:border-color .15s}.sp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}[dir=rtl] .sp-input{padding-left:var(--space-4);text-align:right;padding-right:2.75rem}.sp-input::-webkit-search-cancel-button{appearance:none;cursor:pointer;width:16px;height:16px;margin-right:var(--space-2);opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E") 50%/contain no-repeat}.sp-spinner{right:var(--space-3);border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite sp-spin;position:absolute}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-filters{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:flex-end;gap:var(--space-4);background:var(--color-neutral-50);flex-wrap:wrap;min-width:0;display:flex}.sp-filters-legend{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-neutral-600);padding:0 var(--space-1);float:left;width:100%;margin-bottom:var(--space-3)}.sp-filter-group{gap:var(--space-1);flex-direction:column;flex:140px;min-width:140px;display:flex}.sp-filter-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-neutral-600)}.sp-filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-800);background:var(--color-white);cursor:pointer;min-height:36px}.sp-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.sp-filter-clear{padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-neutral-600);cursor:pointer;white-space:nowrap;background:0 0;align-self:flex-end;min-height:36px;transition:border-color .1s,color .1s}.sp-filter-clear:hover{border-color:var(--color-error);color:var(--color-error)}.sp-total{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-500)}.sp-loading{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-400)}.sp-unavailable{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-warning-surface);border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);border-radius:var(--radius-md);color:var(--color-warning);display:flex}.sp-unavailable p{font-family:var(--font-sans);font-size:var(--text-sm);margin:0}.sp-unavailable code{font-family:var(--font-mono);font-size:var(--text-xs);background:color-mix(in srgb, var(--color-warning) 15%, transparent);border-radius:3px;padding:.1em .35em}.sp-results{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sp-result{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-white);transition:border-color .12s,box-shadow .12s;overflow:hidden}.sp-result:hover{border-color:var(--color-paternal);box-shadow:0 1px 4px color-mix(in srgb, var(--color-paternal) 12%, transparent)}.sp-result-link{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:inherit;text-decoration:none;display:flex}.sp-portrait{width:48px;height:48px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sp-portrait--male{background:var(--color-paternal-light);color:var(--color-paternal)}.sp-portrait--female{background:color-mix(in srgb, var(--color-maternal) 12%, white);color:var(--color-maternal)}.sp-portrait--unknown{background:var(--color-neutral-100);color:var(--color-neutral-500)}.sp-portrait-img{object-fit:cover;width:100%;height:100%;display:block}.sp-portrait-initials{-webkit-user-select:none;user-select:none;line-height:1}.sp-result-body{flex:1;min-width:0}.sp-result-header{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.sp-result-name{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-navy-700);letter-spacing:var(--tracking-tight);transition:color .12s}.sp-result-link:hover .sp-result-name{color:var(--color-primary)}.sp-result-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-500);background:var(--color-neutral-100);border-radius:4px;flex-shrink:0;padding:.15em .5em}.sp-result-vitals{flex-direction:column;gap:2px;display:flex}.sp-vital{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.sp-empty{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-8);text-align:center;color:var(--color-neutral-400);flex-direction:column;display:flex}.sp-empty-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-neutral-600);margin:0}.sp-empty-hint{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-500);max-width:340px;margin:0}.sp-empty-hint em{font-style:normal;font-family:var(--font-serif);color:var(--color-navy-600)}.sp-prompt{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-600);text-align:center;padding:var(--space-8) 0}@media (max-width:640px){.search-page-wrap{padding:0 var(--space-4);margin-top:var(--space-8)}.sp-filters{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.sp-filter-group{flex:100%}.sp-filter-clear{text-align:center;width:100%}.sp-result-link{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.sp-portrait{width:40px;height:40px;font-size:var(--text-xs)}.sp-result-name{font-size:var(--text-lg)}.sp-vital{white-space:normal}}