.social-hero{background-image:linear-gradient(90deg,#14372bdd 15%,#234732ba 50%,#12371c22),url('/images/walk.jpg');min-height:230px}.person-card{background:#fff;border:1px solid #dce3d6;border-radius:16px;padding:22px;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:12px}.person-head{display:flex;align-items:center;gap:13px}.person-head h3,.person-head p{margin:0}.person-avatar{display:inline-grid;place-items:center;width:46px;height:46px;font-size:21px;font-weight:700;border-radius:14px;background:#e5efa9;color:#344b28;flex:none}.person-card:nth-child(3n+2) .person-avatar{background:#deeee4;color:#305c4c}.person-card:nth-child(3n+3) .person-avatar{background:#ffe4c8;color:#74543c}.interest-tags,.person-actions{display:flex;flex-wrap:wrap;gap:6px}.interest-tags span{font-size:12px;background:#f1f5e9;color:#3a5940;border-radius:15px;padding:5px 9px}.school-line,.person-bio,.request-note{font-size:14px;line-height:1.6;margin:0}.school-line{color:#59705e}.request-note{background:#f4f6ee;border-radius:8px;padding:9px}.person-bio{white-space:pre-wrap}.person-actions{margin-top:auto;padding-top:12px;border-top:1px solid #e3e7df}.person-actions button,.person-actions a{font-size:13px}.profile-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:22px;margin:30px 0}.profile-layout .panel{margin:0;max-width:none}.preview-panel{align-self:start;position:sticky;top:20px}.preview-panel h2{margin-top:0}.profile-row{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:12px}.list-opt{border:1px solid #cbd9bf;background:#f1f6e8;border-radius:10px;padding:14px;display:flex;align-items:flex-start;gap:9px;cursor:pointer}.list-opt input{accent-color:#315e42}.list-opt small{display:block;color:#55705a;margin-top:4px}.people-grid .person-card{min-height:175px}#identity{max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bar nav{white-space:nowrap}@media(max-width:800px){.profile-layout{grid-template-columns:1fr}.preview-panel{position:static}.bar{gap:12px}.bar nav{gap:14px}}@media(max-width:660px){.bar nav{gap:6px}.profile-row{grid-template-columns:minmax(0,1fr) 99px}.social-hero{min-height:185px}}