/* Keep search in reach without pinning the promotional line or navigation. */
:root{--sticky-search-height:0px;--header-hidden-row:0px}
html{scroll-padding-top:calc(var(--sticky-search-height) + 12px)}
#site-header{display:contents}
.search-header{position:sticky;top:0;z-index:40;background:var(--paper);box-shadow:0 1px 0 var(--line)}
.search-header .main-header{background:var(--paper)}
.search-header .suggestions{max-height:min(65vh,480px);max-height:min(65dvh,480px)}
.results-controls,#people-results{scroll-margin-top:0}
.filters{scroll-margin-top:calc(var(--sticky-search-height) + 12px)}
.people-page{max-width:920px}
.people-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:920px;border-top:1px solid var(--line)}
.person-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;min-width:0;border-bottom:1px solid var(--line);padding:0 8px 0 0;background:transparent}
.person-row-link{display:flex;align-items:center;gap:14px;min-width:0;min-height:96px;padding:13px 4px;border-radius:4px}
.person-row-link .avatar{width:52px;height:52px;flex-shrink:0;object-fit:cover;object-position:center 30%;border-radius:50%;font-size:16px}
.person-row-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}
.person-row-copy>strong{font-size:16px;line-height:1.35;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.person-row-handle{font-size:14px;color:#63545c;line-height:1.4;overflow-wrap:anywhere}
.person-row-context{font-size:13px;line-height:1.4;color:var(--muted);overflow:visible;text-overflow:clip;white-space:normal;}
.person-row-copy .paused-label{font-size:12px;line-height:1.4}
.person-row-link>svg{color:#897b81;flex-shrink:0;margin-left:8px}
.person-row>.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%}
.person-row-link:hover,.person-row>.icon-btn:hover{background:#fbf2f5}
.person-row a:focus-visible,.person-row button:focus-visible{outline-offset:-2px}
.people-page .people-search{height:52px;margin-bottom:8px}
.people-search input{font-size:16px}
.people-search #people-query::-webkit-search-cancel-button{display:none}
.people-search .icon-btn[hidden]{display:none}
.people-page .people-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:24px}
.people-page .people-tabs a{white-space:nowrap;font-size:14px;min-height:48px}
.people-page .people-result-summary{margin:12px 0;align-items:center}
.people-result-summary .network-results{font-size:14px}
.shared-profile-result{padding:24px 0}
@media(max-width:760px){
 .search-header{top:calc(-1 * var(--header-hidden-row))}
 .results-controls{top:var(--sticky-search-height)}
 .people-page .network-page-heading{padding:20px 0 14px}
 .people-page .people-search{gap:8px;padding-left:12px}
 .people-search .button{padding:10px 13px;font-size:14px}
 .people-page .people-tabs{gap:20px;justify-content:flex-start}
 .people-page .people-tabs a{font-size:14px;padding:10px 0}
 .people-page .people-result-summary{gap:0 12px;margin:8px 0}
 .people-page .people-identity-help>summary{font-size:13px}
 .person-row{gap:4px;padding-right:0}
 .person-row-link{min-height:88px;gap:12px;padding:12px 2px}
 .person-row-link .avatar{width:44px;height:44px;font-size:14px}
 .person-row-link>svg{display:none}
 .person-row-context{font-size:13px;white-space:normal;overflow:visible;text-overflow:clip}
 .people-page .not-on-tofa{padding:20px 16px;margin-top:24px}
 .search-header .suggestions{max-height:calc(100dvh - var(--sticky-search-height) - 16px)}
}
@media(hover:none){.person-row-link:hover,.person-row>.icon-btn:hover{background:transparent}}

.person-row-avatar{flex-shrink:0}