/* Social surfaces only: discovery, map gestures and the content editor keep their layouts. */
.social-profile{padding:18px 0 22px;min-width:0}
.social-profile .creator-profile-top{gap:18px;align-items:center}
.social-profile .profile-avatar{background:#e5ecd9;display:grid;place-items:center;overflow-wrap:anywhere;line-height:1.2;text-align:center}
.social-profile-copy{min-width:0;flex:1}
.social-profile h2,.social-profile .eyebrow,.social-person b,.social-person small{overflow-wrap:anywhere}
.social-profile .profile-bio{white-space:normal;overflow-wrap:anywhere;margin:18px 0 12px;font-size:14px}
.social-counts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.social-counts button{min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:#fff;display:flex;gap:8px;align-items:center}
.social-counts b{font-size:15px;font-variant-numeric:tabular-nums}
.social-counts small{font-size:10px;color:var(--muted);white-space:nowrap}
.social-profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.social-profile-actions .btn{min-height:44px;flex:1;padding:10px 12px;white-space:normal}
.social-profile-actions .social-settings{width:44px;min-height:44px;flex:none;border:1px solid var(--line);border-radius:10px;font-size:21px;background:#fff}
.social-connection{font-size:11px!important;color:var(--muted);margin:12px 0 0;line-height:1.7}
.social-connection .text-btn{min-height:44px;margin-left:5px;text-decoration:underline}
.social-main-menus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:20px 0 24px;border-bottom:1px solid var(--line);padding-bottom:12px}
.social-main-menus button{min-height:48px;padding:12px 6px;border-radius:10px;font-size:14px;font-weight:650;background:#eeefeb;border:1px solid transparent}
.social-main-menus button[aria-current]{background:var(--deep);color:#fff;border-color:var(--deep)}
.social-content-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}
.social-content-heading .btn{min-height:44px;padding:9px 12px}
.social-content-grid>.empty{grid-column:1/-1}
.social-visibility{display:inline-block;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;padding:4px 7px;font-size:10px;color:var(--muted)}
.social-content-grid .course{margin:0;min-width:0}
.social-content-grid .card-foot{flex-wrap:wrap;gap:5px}
.social-content-grid .meta{flex-wrap:wrap}
.social-content-grid .cover .art-title{overflow-wrap:anywhere}
.social-library-title{font-size:22px!important;line-height:1.4;margin:0 0 16px}
.collection-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin:0 0 20px;padding:5px;border:1px solid var(--line);background:#f0f0ed;border-radius:12px}
.collection-tabs button{min-width:0;min-height:44px;font-size:12px;padding:10px 5px;border:1px solid transparent;border-radius:9px;white-space:normal;font-weight:600}
.collection-tabs button[aria-selected=true]{background:#fff;border-color:#d7ddcf;box-shadow:0 2px 5px #00000008;text-decoration:underline;text-underline-offset:5px}
.social-load-more{margin:16px 0 8px;min-height:44px}
.content-collection-actions{position:absolute;right:10px;top:10px;z-index:3;display:flex;gap:7px}
.content-collection-actions button{position:static;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:#fffffff2;box-shadow:0 1px 6px #0002;border:1px solid #fff;font-size:22px;display:grid;place-items:center;line-height:1}
.content-collection-actions .bookmark.selected{background:var(--green);color:#fff}
.social-card:not(.profile-card) .cover .district{max-width:calc(100% - 112px)}
.content-heart{color:#934854}
.content-heart.is-hearted{background:#fff2f4;color:#b52c49;border:2px solid #b52c49}
.social-detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.social-detail-actions .btn{flex:1 1 115px;min-height:44px;padding:10px;font-size:12px;white-space:normal;display:flex;gap:5px;align-items:center;justify-content:center}
.heart-action.is-hearted{border:2px solid #b52c49;color:#a92943;background:#fff2f4}
.heart-action>span:first-child{font-size:20px}
.social-profile button:focus-visible,.social-main-menus button:focus-visible,.content-collection-actions button:focus-visible,.collection-tabs button:focus-visible,.social-person button:focus-visible{outline:3px solid #567243;outline-offset:3px}
dialog.social-modal{box-sizing:border-box;width:560px;max-width:calc(100vw - 24px);max-height:min(720px,calc(var(--social-viewport-height,100dvh) - 24px));overflow:auto;overscroll-behavior:contain;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.social-modal>.close,.social-modal>form .close{min-width:44px;min-height:44px;border-radius:9px;background:#f0f0ed}
.social-panel-heading{padding-right:50px;margin-bottom:15px}
.social-panel-heading h2{margin:5px 0;font-size:24px}
.social-panel-heading .eyebrow{margin-bottom:6px}
.social-account-search{display:flex;align-items:stretch;gap:7px;margin-top:7px}
.social-account-search .field{flex:1;min-width:0;margin:0;font-size:16px;min-height:46px}
.social-account-search .btn{min-height:46px;flex:none;min-width:56px;padding:10px}
.social-modal label{font-size:12px}
.social-people{display:flex;flex-direction:column;gap:0}
.social-person{display:flex;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--line);min-width:0}
.social-person-profile{display:flex;align-items:center;gap:11px;text-align:left;min-width:0;flex:1;min-height:50px}
.social-person-profile>span:last-child{min-width:0}
.social-person-avatar{width:44px;min-width:44px;height:44px;display:grid;place-items:center;background:#e5ecd9;border-radius:50%;font-size:20px;overflow-wrap:anywhere;line-height:1.1;text-align:center}
.social-person b{font-size:13px;display:block}
.social-person small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.social-person .social-follow{flex:none;min-height:44px;max-width:132px;min-width:80px;padding:9px;font-size:11px;white-space:normal}
.social-person-self{font-size:12px;padding:10px;color:var(--muted)}
#socialPeopleStatus{min-height:22px;margin:8px 0;font-size:12px;overflow-wrap:anywhere}
#socialPeopleRetry,#socialPeopleMore{min-height:44px}
@media(min-width:801px){
 body.social-page:not(.phone-ui) #panel{max-width:none;padding:30px 26px 20px}
 .social-library #cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
 .social-library #cards>.course{margin:0;min-width:0}
 .social-library #cards>.empty,.social-library #cards>[role=status]{grid-column:1/-1}
}
@media(min-width:601px) and (max-width:800px){
 .social-page #panel{max-width:760px;margin:auto}
 .social-library #cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
 .social-library #cards>.empty{grid-column:1/-1}
}
@media(max-width:600px){
 .social-profile .creator-profile-top{gap:14px}
 .social-profile .profile-avatar{width:66px;height:66px;min-width:66px;border-width:3px;font-size:25px}
 .social-profile h2{font-size:23px}
 .social-profile .profile-bio{font-size:13px}
 .social-counts{gap:6px;margin:12px 0}
 .social-counts button{font-size:12px;padding:9px;gap:6px}
 .social-counts small{font-size:9px}
 .social-main-menus{margin:16px 0 20px}
 .social-profile-actions .btn{font-size:11px;padding:9px 7px}
 dialog.social-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:18px;max-height:calc(var(--social-viewport-height,100dvh) - 20px);margin:10px auto}
 .social-person{gap:7px}
 .social-person-profile{gap:8px}
 .social-person .social-follow{min-width:74px;max-width:110px;font-size:10px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.social-modal *{scroll-behavior:auto}}