/* Social mobile repair: cards and overlays stay inside the viewport. */
body.cf-app .social-shell,body.cf-app .social-post,body.cf-app .social-post-body,body.cf-app .cf-social-workout-card{min-width:0;max-width:100%}
body.cf-app .cf-social-workout-card{overflow:hidden}
body.cf-app .cf-share-card-head strong{overflow-wrap:anywhere;line-height:1.35}
body.cf-app .cf-share-stats{gap:6px}
body.cf-app .cf-share-stats span{min-width:0;overflow-wrap:anywhere;text-align:center;line-height:1.3}
body.cf-app .cf-share-stats b{display:block;font-size:16px;line-height:1.3}
body.cf-app .cf-share-exercises{min-width:0}
body.cf-app .cf-share-exercises>summary{display:block;min-width:0;padding:9px 0 0;list-style:none;cursor:pointer}
body.cf-app .cf-share-exercises>summary::-webkit-details-marker{display:none}
body.cf-app .cf-share-exercises .cf-share-topset{display:block;min-width:0;width:100%;margin:0;padding:10px 12px;border:1px solid #315875;border-left:2px solid #33bdfa;border-radius:7px;background:#132b3b;color:#e3f1f8;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
body.cf-app .cf-share-exercises>summary:hover .cf-share-topset,body.cf-app .cf-share-exercises>summary:focus-visible .cf-share-topset{background:#1a3548;border-color:#60c6ef}
body.cf-app .cf-share-exercises>summary:focus-visible{outline:2px solid #60c6ef;outline-offset:2px}
body.cf-app .cf-share-exercise-list{display:grid;gap:0;min-width:0;margin-top:12px;padding:0!important}
body.cf-app .cf-share-exercise-list>div{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;padding:9px 2px;border-top:1px solid #294154}
body.cf-app .cf-share-exercise-list strong{min-width:0;color:#e7f2f8;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
body.cf-app .cf-share-exercise-list span{min-width:0;color:#9db5c4;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
body.cf-app .cf-social-discovery-panel{width:min(100%,680px);max-height:min(85dvh,850px);overflow:auto}
body.cf-app .cf-social-discovery-content{display:grid;gap:12px;min-width:0}
body.cf-app .cf-social-search-label{font-size:11px;color:#aac4d3}
body.cf-app #cfSocialSearchInput{width:100%;min-height:44px;border:1px solid #406179;border-radius:9px;padding:10px 12px;background:#0e1b26;color:#f3f8fc;font-size:15px}
body.cf-app .cf-social-results{display:grid;gap:12px;min-width:0}
body.cf-app .cf-social-results section{min-width:0}
body.cf-app .cf-social-results h3{margin:4px 0 8px;color:#8fd6f4;font-size:13px}
body.cf-app .cf-social-result{display:grid;gap:2px;width:100%;min-width:0;min-height:42px;margin:0 0 6px;padding:9px 11px;border:1px solid #304c5f;border-radius:8px;background:#142532;color:#e9f3f8;text-align:left;white-space:normal;overflow-wrap:anywhere}
body.cf-app .cf-social-result small,body.cf-app .cf-social-activity small{display:block;color:#91aabc;font-size:11px;line-height:1.45}
body.cf-app .cf-social-result-title{font-weight:700;color:#a5e3ff}
body.cf-app .cf-social-activity{padding:11px 3px;border-bottom:1px solid #30495b;color:#d4e4ee;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
body.cf-app .cf-social-activity button{margin-top:8px;min-height:34px}
body.cf-app #socialComposerAvatar{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:none}
@media(max-width:380px){body.cf-app .cf-share-stats{gap:4px}body.cf-app .cf-share-stats b{font-size:14px}body.cf-app .cf-social-workout-card{padding:10px}}

/* One continuous feed: followed posts, then clearly labelled community discovery. */
body.cf-app .cf-social-caught-up{display:flex;align-items:center;gap:12px;margin:7px 0 3px;color:#b3c9d8;font-size:12px;font-weight:650;text-align:center}
body.cf-app .cf-social-caught-up:before,body.cf-app .cf-social-caught-up:after{content:"";flex:1;height:1px;background:#314a5c}
body.cf-app .cf-social-more-following{width:100%;min-height:40px;border-color:#35546a;background:#132838;color:#a4dcf4;font-size:12px}
body.cf-app .cf-social-more-community{width:100%;min-height:40px;margin:2px 0 12px;border-color:#35546a;background:#132838;color:#a4dcf4;font-size:12px}
body.cf-app .cf-social-people{display:grid;gap:0;padding:9px 13px 3px;border:1px solid #304b5e;border-radius:12px;background:#142430}
body.cf-app .cf-social-people-title{margin:0 0 4px;color:#c5deed;font-size:12px;font-weight:700}
body.cf-app .cf-social-person{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 0}
body.cf-app .cf-social-person+.cf-social-person{border-top:1px solid #2b4253}
body.cf-app .cf-social-person .social-avatar{width:36px;height:36px}
body.cf-app .cf-social-person strong{display:block;color:#f0f7fb;font-size:12px;overflow-wrap:anywhere}
body.cf-app .cf-social-person small{display:block;color:#90abba;font-size:10px;line-height:1.4}
body.cf-app .cf-social-person button{min-height:32px;padding:5px 11px;border:1px solid #3b6680;border-radius:7px;background:#173448;color:#a9e3fb;font-size:11px}
body.cf-app .cf-social-suggestion-note{padding:11px 13px 0;color:#8abbd4;font-size:10px;font-weight:600}
body.cf-app .cf-social-community-empty{display:grid;gap:9px;text-align:center}
body.cf-app .cf-social-community-empty button{min-height:36px;justify-self:center;padding:6px 13px;font-size:11px}

/* Compact header search: results stay anchored to the search line. */
body.cf-app .cf-social-page-head{position:relative;z-index:12}
body.cf-app .cf-social-head-actions{display:flex;width:100%;justify-content:flex-start;gap:6px;min-width:0}
body.cf-app .cf-social-search-line.is-open{order:3}
body.cf-app .cf-social-search-line{display:flex;align-items:center;gap:4px;min-width:38px;border:1px solid transparent;border-radius:9px}
body.cf-app .cf-social-search-line.is-open{flex:1;min-width:0;border-color:#365770;background:#101e2a}
body.cf-app #cfSocialSearchInput{flex:1;min-width:0;width:100%;height:38px;margin:0;padding:7px 9px 7px 0;border:0;background:transparent;color:#f1f8fc;font-size:13px;outline:none}
body.cf-app #cfSocialSearchInput::placeholder{color:#8faabd}
body.cf-app #cfSocialSearchInput[hidden],body.cf-app #cfSocialSearchResults[hidden]{display:none!important}
body.cf-app .cf-social-search-line:focus-within{border-color:#61bee8}
body.cf-app .cf-social-search-dropdown{position:absolute;top:calc(100% - 2px);right:2px;z-index:30;display:grid;gap:10px;width:min(100%,620px);max-height:min(66dvh,620px);overflow:auto;overscroll-behavior:contain;padding:13px;border:1px solid #36566d;border-radius:11px;background:#101e2a;box-shadow:0 16px 34px #0009}
body.cf-app .cf-social-search-dropdown section{min-width:0}
body.cf-app .cf-social-search-dropdown h3{margin:2px 0 7px}
body.cf-app .cf-social-search-dropdown .cf-social-result{margin-bottom:5px}
body.cf-app .cf-social-search-dropdown .social-feed{min-width:0}
body.cf-app .cf-social-search-dropdown .social-post{margin:8px 0;max-width:100%}

/* Keep every post attachment visible; one media picker accepts photos and videos. */
body.cf-app #socialComposer .cf-social-attachment-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px;color:#bdd1df;font-size:11px;font-weight:650}
body.cf-app #socialComposer .cf-social-attachment-heading span{color:#8da8ba;font-size:10px;font-weight:400}
body.cf-app #socialComposer .v131-attachment-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.cf-app #socialComposer .v131-attachment-bar button{min-height:43px;min-width:0;padding:6px 4px;font-size:11px}
body.cf-app #socialComposer .v131-attachment-bar button svg{width:16px;height:16px;flex-shrink:0}
body.cf-app #socialComposer .v131-attachment-bar [data-open-attachment]{display:flex!important;background:#112535;border-color:#315269}
@media(max-width:380px){body.cf-app #socialComposer .v131-attachment-bar button{gap:3px;font-size:10px}}

/* Root comments and replies read as a conversation without widening the card. */
body.cf-app .cf-comment-threads{display:grid;gap:12px}
body.cf-app .cf-comment-thread{min-width:0}
body.cf-app .cf-comment-copy{min-width:0;overflow-wrap:anywhere}
body.cf-app .cf-comment-meta{display:flex;align-items:center;gap:12px;margin-top:4px;color:#7f9aab;font-size:10px}
body.cf-app .cf-comment-meta button{min-height:24px;padding:0;border:0;background:none;color:#8cd2ee;font-size:10px}
body.cf-app .cf-comment-replies{display:grid;gap:9px;margin:9px 0 0 14px;padding-left:12px;border-left:1px solid #36576c}
body.cf-app .cf-comment-replies .social-avatar{width:25px;height:25px}
body.cf-app .cf-reply-target:not([hidden]){display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding:7px 9px;border-left:2px solid #52bde9;background:#173145;color:#b9e4f5;font-size:11px}
body.cf-app .cf-reply-target button{padding:0;border:0;background:none;color:#8dd7f6;font-size:11px}

/* Composer stays compact while the text box takes focus. */
body.cf-app #socialComposer .social-composer-body{gap:8px;padding:10px}
body.cf-app #socialComposer.expanded textarea{min-height:52px;height:auto;max-height:140px}
body.cf-app #socialComposer textarea:focus-visible{border-color:#5dbce7;outline:none}
body.cf-app #socialComposer .v131-attachment-bar{gap:6px}
body.cf-app #socialComposer .cf-social-composer-expanded{gap:8px}