.sp-profile-header{border:1px solid var(--line);background:var(--white);border-radius:12px;margin-bottom:20px;padding:25px}.sp-profile-identity{align-items:center;gap:15px;min-width:0;display:flex}.sp-avatar{background:var(--green-light);width:39px;height:39px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:650;display:inline-flex}.sp-profile-avatar{background:#e2ebd9;width:64px;height:64px;font-size:26px}.sp-profile-copy{flex:1;min-width:0}.sp-profile-copy h1{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:25px;font-weight:600;line-height:1.2}.sp-username{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:12px}.sp-profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:620px;margin-top:19px;font-size:14px;line-height:1.7}.sp-profile-counts{color:var(--muted);flex-wrap:wrap;gap:19px;margin-top:17px;font-size:12px;display:flex}.sp-profile-counts strong{color:var(--ink);font-weight:600}.sp-profile-header>.sp-friendship,.sp-profile-header>.sp-button{margin-top:19px}.sp-button{min-height:36px;color:var(--green);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.sp-button-primary{background:var(--green);color:#fff}.sp-button-primary:hover{color:#fff;background:#1c392b}.sp-button-secondary{border-color:var(--line);background:#fff}.sp-button-secondary:hover{background:#f3f7ed}.sp-button-quiet{color:#6e7d63;font-size:11px;font-weight:400}.sp-button-quiet:hover{background:#f0f4e9}.sp-button-danger{color:var(--danger);background:#fbefeb;border-color:#eddad4}.sp-button:disabled{cursor:wait}.sp-friendship{min-width:0}.sp-friendship-buttons{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.sp-relation{color:#637857;align-items:center;gap:5px;min-height:33px;padding:4px 7px;font-size:12px;font-weight:500;display:inline-flex}.sp-remove-question{color:var(--muted);font-size:11px}.sp-error{color:var(--danger);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.sp-friendship>.sp-error{margin:7px 0 0}.sp-directory{border:1px solid var(--line);background:var(--white);border-radius:12px;width:100%;padding:25px}.sp-directory-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.sp-directory-heading h1{letter-spacing:-.8px;font-size:27px;font-weight:550;line-height:1.2}.sp-directory-heading p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}.sp-directory-mark{color:#71875e;background:#edf3e6;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.sp-directory-tabs{border-bottom:1px solid var(--line);gap:20px;margin-top:25px;display:flex}.sp-tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;min-height:42px;margin-bottom:-1px;padding:11px 0;font-size:12px}.sp-tab:hover{color:var(--green)}.sp-tab.is-active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.sp-search{border:1px solid var(--line);color:#849475;background:#f7f9f3;border-radius:8px;align-items:center;gap:9px;margin-top:20px;padding:0 12px;display:flex}.sp-search:focus-within{border-color:#9eb38b;box-shadow:0 0 0 2px #edf3e4}.sp-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;min-height:43px;padding:11px 0;font-size:13px;box-shadow:none!important}.sp-search input::placeholder{color:#8d9983}.sp-search input::-webkit-search-cancel-button{display:none}.sp-search>button{color:#819471;background:0 0;border:0;border-radius:4px;place-items:center;padding:5px;display:grid}.sp-directory-results{min-height:180px}.sp-loading{min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.sp-people-list{margin:10px 0 0;padding:0;list-style:none}.sp-person{border-bottom:1px solid #edf0e8;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;display:flex}.sp-person:last-child{border-bottom:0}.sp-person-link{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.sp-person-link:hover strong{text-underline-offset:3px;text-decoration:underline}.sp-person-copy{flex-direction:column;min-width:0;display:flex}.sp-person-copy strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.sp-person-copy>span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.sp-person-copy>.sp-person-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:300px;margin-top:4px;line-height:1.5;display:-webkit-box;overflow:hidden}.sp-person>.sp-friendship{flex-shrink:0;max-width:260px}.sp-person .sp-friendship-buttons{justify-content:flex-end}.sp-directory-error{padding:26px 0}.sp-directory-error>.sp-button{margin-top:12px}.sp-empty{text-align:center;color:#91a282;flex-direction:column;align-items:center;padding:38px 18px 30px;display:flex}.sp-empty h2{color:#5f7354;margin-top:13px;font-size:16px;font-weight:500;line-height:1.4}.sp-empty p{color:var(--muted);max-width:320px;margin-top:7px;font-size:12px;line-height:1.7}.sp-empty>.sp-button{margin-top:19px}.sp-list-note{color:var(--muted);margin-top:13px;font-size:11px;line-height:1.6}.sp-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.sp-profile-header,.sp-directory{padding:19px 15px}.sp-profile-identity{flex-wrap:wrap;gap:11px}.sp-profile-avatar{width:52px;height:52px;font-size:22px}.sp-profile-copy h1{font-size:22px}.sp-username{font-size:11px}.sp-edit-profile{min-height:33px;margin-left:63px;padding:7px 10px;font-size:11px}.sp-profile-bio{margin-top:15px;font-size:13px}.sp-profile-counts{gap:15px;margin-top:15px;font-size:11px}.sp-directory-heading h1{font-size:25px}.sp-directory-tabs{gap:21px;margin-top:20px}.sp-tab{font-size:11px}.sp-search{margin-top:16px}.sp-search input{min-height:44px;font-size:16px}.sp-person{flex-wrap:wrap;align-items:flex-start;gap:11px;padding:16px 0}.sp-person-link{flex-basis:100%}.sp-person>.sp-friendship{flex-shrink:1;max-width:calc(100% - 50px);margin-left:50px}.sp-person .sp-friendship-buttons{justify-content:flex-start}.sp-person-copy strong{font-size:14px}.sp-person-copy>span{font-size:12px}.sp-avatar{font-size:15px}.sp-button{min-height:35px;font-size:12px}.sp-button-quiet{font-size:11px}.sp-empty{padding:32px 9px 25px}.sp-profile-header>.sp-button{font-size:11px}.sp-profile-identity{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;display:grid}.sp-profile-avatar{grid-area:1/1}.sp-profile-copy{grid-area:1/2}.sp-edit-profile{grid-column:2;justify-self:start;margin-left:0}}.sp-profile-friend-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.sp-person-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.sp-person-actions .sp-friendship{min-width:0}.sp-person-actions>.sp-button{padding:7px 10px;font-size:11px}@media (max-width:760px){.sp-person-actions{justify-content:flex-start;max-width:calc(100% - 50px);margin-left:50px}.sp-profile-friend-actions{align-items:flex-start}}
