/* Discovery keeps the focus on people; details live on their profiles. */
.reference-theme:has(.discover-section){background:#fff}
.reference-theme .discover-section{max-width:1260px;padding:0 30px 64px}
.discover-section .discover-heading{position:relative;isolation:isolate;min-height:160px;padding:55px 0 30px;gap:24px;align-items:center}
.discover-section .ghost-title{display:block;left:-7px;bottom:13px;font-size:104px;letter-spacing:-6px;color:#f5f5f7;z-index:-1}
.reference-theme .discover-section h1{font-size:32px;letter-spacing:1px;line-height:1.3}
.discover-section .search-circle{position:relative;width:48px;height:48px;flex-shrink:0;border:0;border-radius:50%;background:var(--pink);color:#fff;transition:background .2s,box-shadow .2s}
.discover-section .search-circle:hover,.discover-section .search-circle.selected{background:var(--purple)}
.discover-section .search-circle.applied:after{content:'';position:absolute;top:0;right:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--blue)}
.discover-section .discovery-tabs{gap:28px;margin-bottom:28px;border-color:#eff0f3}
.discover-section .discovery-tabs>button{padding:12px 0 14px;font-size:14px}
.reference-theme .discover-section .people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 36px}
.reference-theme .discover-section .person-card,.reference-theme .discover-section .person-card:hover{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.reference-theme .discover-section .person-photo{aspect-ratio:1;border-radius:8px}
.reference-theme .discover-section .person-info{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 0 0}
.discover-section .person-title-row{display:contents}
.discover-section .person-identity{display:flex;align-items:center;gap:5px;min-width:0;min-height:30px}
.reference-theme .discover-section .person-name{min-width:0;max-width:none;font-size:15px;font-weight:600;text-align:left}
.discover-section .person-age{flex-shrink:0;font-size:13px;color:#7a8190}
.discover-section .review-check{width:13px;height:13px;font-size:10px}
.discover-section .person-actions{grid-column:2;grid-row:1 / 3;align-self:center;width:auto;margin:0;padding:0;gap:6px}
.reference-theme .discover-section .circle-action{width:34px;height:34px;padding:7px;border:1px solid #e3e5eb}
.reference-theme .discover-section .circle-action .icon{width:18px;height:18px}
.reference-theme .discover-section .person-location{grid-column:1;min-width:0;margin:0;font-size:13px;line-height:1.6;color:#737b89;overflow-wrap:anywhere}
.discover-section .person-location .icon{flex-shrink:0;width:13px;height:13px}
.discover-section .new-badge{right:12px;bottom:12px;font-size:10px;padding:3px 10px;letter-spacing:.5px}
.discover-section .person-photo .online-state{position:absolute;top:12px;left:12px;margin:0;padding:4px 8px;border-radius:20px;background:#ffffffed;color:#727b87;font-size:11px;line-height:1.4}
.discover-section .person-photo .online-state.online{color:#198454}
.discover-section button:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){
 .reference-theme .discover-section .people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
}
.people-scroll-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100px;margin-top:26px;color:#8b8296;font-size:14px;text-align:center}
.people-scroll-status p{margin:0;line-height:1.8}.people-scroll-status .form-error{color:#b13c58}.people-scroll-status .spinner{width:22px;height:22px}
@media(max-width:760px){
 .reference-theme .discover-section{padding:0 18px 32px}
 .discover-section .discover-heading{min-height:112px;padding:32px 0 23px}
 .discover-section .ghost-title{left:-3px;bottom:15px;font-size:65px;letter-spacing:-4px}
 .reference-theme .discover-section h1{font-size:26px}
 .discover-section .search-circle{width:42px;height:42px}
 .discover-section .discovery-tabs{gap:26px;margin-bottom:22px}
 .discover-section .discovery-tabs>button{font-size:13px;padding:9px 0 13px}
 .reference-theme .discover-section .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .reference-theme .discover-section .person-info{padding-top:8px;gap:5px 4px}
 .discover-section .person-identity{grid-column:1 / 3;min-height:24px}
 .reference-theme .discover-section .person-name{font-size:14px}
 .discover-section .person-age{font-size:12px}
 .discover-section .person-actions{grid-row:2;gap:5px}
 .reference-theme .discover-section .circle-action{width:30px;height:30px;padding:6px}
 .reference-theme .discover-section .circle-action .icon{width:17px;height:17px}
 .reference-theme .discover-section .person-location{align-self:center;font-size:12px;line-height:1.5;gap:3px}
 .discover-section .person-location .icon{width:11px;height:11px}
 .discover-section .new-badge{right:8px;bottom:8px}
 .discover-section .discovery-search input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .discover-section .person-photo img,.discover-section .search-circle{transition:none}
}

.discover-section .discovery-search{margin:0 0 28px;padding:20px;border:1px solid #eff0f3;border-radius:12px;background:#faf9fc}
.discover-section .discovery-search>label{display:block;margin-bottom:10px;font-size:14px;font-weight:600}
.discover-section .discovery-search-fields{display:flex;align-items:center;gap:12px}
.discover-section .discovery-search input{flex:1;min-width:0;width:100%;margin:0}
.discover-section .discovery-search button{flex-shrink:0}
@media(max-width:760px){
 .discover-section .discovery-search{padding:14px}
 .discover-section .discovery-search-fields{flex-wrap:wrap;gap:10px}
 .discover-section .discovery-search input{flex-basis:100%}
}