.social-friends .fr-wrap{max-width:1380px;padding-top:32px}
.social-friends .fr-hero{padding-bottom:24px;margin-bottom:24px;align-items:flex-end}
.fr-eyebrow{font:700 .62rem 'Geist Mono',monospace;letter-spacing:.13em;color:var(--text-dim);margin:0 0 12px;display:block}
.social-friends .fr-head{font-size:clamp(2.1rem,4vw,3.25rem);letter-spacing:-.055em;line-height:1.04}
.fr-tagline{font-size:.9rem;color:var(--text-dim);margin:12px 0 0;line-height:1.5}
.social-friends .fr-layout{grid-template-columns:minmax(215px,.85fr) minmax(0,1.85fr) minmax(245px,.95fr);gap:20px}
.social-friends .fr-side{position:static}
.fr-profile-column{min-width:0}
.social-friends .fr-card{border-radius:18px;padding:20px;box-shadow:0 3px 15px rgba(0,0,0,.025)}
.social-friends .fr-self-card{padding:0;overflow:hidden}
.fr-self-cover{height:75px;background:linear-gradient(115deg,#842f39,#c13b42 55%,#e67465)}
.fr-self-content{padding:0 18px 20px}
.social-friends .fr-self-content .fr-av{margin-top:-30px;border:4px solid var(--panel,var(--bg,#fff));width:62px;height:62px;box-shadow:none}
.social-friends .fr-self-content h2{margin:14px 0 4px;font-size:1.2rem;overflow-wrap:anywhere}
.social-friends .fr-self-content .fr-bio{display:block;margin:0;overflow-wrap:anywhere}
.fr-self-content>a{display:block;text-decoration:none;text-align:center;margin-top:18px}
.fr-outlook-prompt{display:inline-block;margin-top:12px;color:var(--accent,#dc2626);font-size:.8rem;font-weight:700;text-underline-offset:3px}
#frOutlookEditor{scroll-margin-top:108px}
.social-friends .fr-row{grid-template-columns:48px minmax(0,1fr);padding:16px 0;gap:12px;border:0;border-top:1px solid var(--line,rgba(128,128,128,.17));border-radius:0;background:none;box-shadow:none;margin:0;align-items:start;transition:none}
.social-friends .fr-row:first-of-type{border-top:0}
.social-friends .fr-row:hover{transform:none;box-shadow:none;border-color:var(--line,rgba(128,128,128,.17))}
.social-friends .fr-row .fr-av{width:48px;height:48px;border-width:1px;box-shadow:none;font-size:1.05rem}
.social-friends .fr-name{font-size:.95rem;white-space:normal;overflow-wrap:anywhere}
.social-friends .fr-handle{display:block;margin:3px 0;font-size:.73rem;font-weight:500}
.social-friends .fr-acts{grid-column:2;justify-content:flex-start;padding:0;gap:6px}
.social-friends .fr-btn{font-size:.75rem;padding:8px 12px;min-height:36px;text-decoration:none}
.social-friends .fr-btn:disabled{opacity:.55;cursor:default}
.social-friends .fr-card h2{font-size:1rem;margin-bottom:0}
.social-friends .fr-section-head{margin-bottom:8px}
.social-friends .fr-count{background:var(--bg);color:var(--text-dim);min-width:25px;height:25px;border:1px solid var(--line,rgba(128,128,128,.2))}
.social-friends .fr-card .quiet{font-size:.8rem;line-height:1.6}
.social-friends #frFindCard .fr-row{grid-template-columns:44px minmax(0,1fr);padding:16px 0}
.social-friends #frFindCard .fr-av{width:44px;height:44px}
.social-friends .fr-invite input{box-sizing:border-box;width:100%;flex-basis:100%;font-size:.78rem;border-radius:10px}
.fr-small-heading{font-size:.7rem;color:var(--text-dim);margin:20px 0 0;text-transform:uppercase;letter-spacing:.06em}
.fr-loading{padding:22px 0;font-size:.85rem;color:var(--text-dim);min-height:55px;background:linear-gradient(90deg,transparent,rgba(128,128,128,.04),transparent)}
.fr-activity-row{display:block;text-decoration:none;color:var(--text);padding:15px 0;border-top:1px solid var(--line,rgba(128,128,128,.17));font-size:.8rem;line-height:1.55;overflow-wrap:anywhere}
.fr-activity-row strong{font-weight:750}.fr-activity-row small{display:block;font-size:.7rem;margin-top:5px;color:var(--text-dim)}
.fr-activity-mark{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.social-friends .fr-empty{line-height:1.6;font-size:.84rem}.fr-empty strong{display:block;color:var(--text);font-size:1rem}.fr-empty p{margin:8px 0 16px}
.social-friends .fr-jump a:first-child{background:none;color:var(--text-dim)}
.social-friends .fr-jump a[aria-current]{background:var(--text);color:var(--bg)}
.social-friends [id$="Card"]{scroll-margin-top:108px}
@media(min-width:901px) and (max-width:1150px){.social-friends .fr-layout{grid-template-columns:minmax(0,1fr) 280px}.fr-profile-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.fr-profile-column>[data-pfp-nudge]{grid-column:1/-1}.fr-self-cover{height:52px}}
@media(max-width:900px){.social-friends .fr-layout{display:flex;flex-direction:column;gap:0}.fr-profile-column,.fr-primary,.fr-side{width:100%}.fr-profile-column{display:contents}.fr-self-card{order:0;width:100%;box-sizing:border-box}.fr-primary{order:1}.fr-side{order:2}.fr-outlook-card{order:3;width:100%;box-sizing:border-box}.fr-profile-column>[data-pfp-nudge]{order:4;width:100%}.fr-self-cover{height:48px}.fr-self-content{position:relative;padding:14px 18px 18px 90px;min-height:62px}.social-friends .fr-self-content .fr-av{position:absolute;left:18px;top:8px;margin-top:0;width:56px;height:56px}.social-friends .fr-self-content h2{margin:0 0 5px}.fr-self-content>a{display:inline-flex;margin-top:12px}.fr-self-content .outlook-belief{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-friends .fr-hero{align-items:flex-start}.fr-tagline{font-size:.85rem}.social-friends .fr-wrap{padding-top:24px}.social-friends .fr-jump{gap:2px}.social-friends .fr-jump a{padding:8px 12px}.social-friends .fr-card{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.social-friends *{scroll-behavior:auto!important}}