/* Shared rhythm from profile header through the photo grid. */
.member-social.wrap{max-width:935px;padding-top:104px}
.member-topline{margin-bottom:28px}
.member-identity{grid-template-columns:140px minmax(0,1fr);column-gap:32px}
.member-portrait-block{width:132px;grid-row:1/4;gap:7px;align-self:start}
.member-portrait{width:128px;height:128px}
.member-name .eyebrow{display:none}
.member-name h1{font-size:25px;line-height:1.3}
.member-name>p:last-child{margin-top:5px;font-size:12px}
.member-counts{margin:14px 0 18px}
.member-counts>div{display:flex;align-items:baseline;gap:7px}
.member-counts strong{font-size:18px}
.member-counts small{display:none}
.member-bio>p{font-size:14px;line-height:1.65;letter-spacing:0;word-break:normal;overflow-wrap:anywhere}
.member-bio>p.is-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.member-social .member-bio-more{display:block!important;padding:5px 0!important;min-height:32px;min-width:0;border:0!important;background:none!important;font-size:11px!important;letter-spacing:0;color:#888}
.member-bio-more[hidden]{display:none!important}
.member-social-link{margin-top:9px;min-height:30px;font-size:12px;gap:7px}
.member-social-link svg{width:17px;height:17px}
.member-social-link>span:last-child{margin-left:0}
.member-owner-actions{margin-top:16px;flex-wrap:wrap!important}
.member-social .member-owner-actions>button,.member-social .member-owner-actions>a{min-height:36px!important;padding:8px 12px!important;font-size:12px!important;border-radius:7px;border:0!important;background:#222;text-align:center;flex:1 1 120px}
.member-owner-actions small{display:none}
.member-section-tabs{margin-top:24px;gap:0}
.member-section-tabs button{padding:13px 8px!important;gap:4px;font-size:13px!important}
.member-section-tabs button small{font-size:9px!important}
.member-section-tabs:after{top:14px;bottom:14px}
.member-social .member-feed-toolbar{padding:3px 0;margin:0 0 4px}
.member-social .member-role-badge,.member-social .member-role-badge[data-role=admin],.member-social .member-role-badge[data-role=crew]{display:flex;order:-1;width:26px;height:26px;padding:5px;border:0;border-radius:50%;background:#2374e9;flex-shrink:0;opacity:1;visibility:visible}
.member-role-badge img{width:16px;height:16px;object-fit:contain}
.member-profile-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;margin-top:3px;font-size:12px;color:#b8c7da;line-height:1.7}
.member-profile-links a{display:inline-flex;align-items:center;gap:7px;min-height:30px;max-width:100%;overflow-wrap:anywhere}
.member-profile-links a span{min-width:0}
.member-profile-links svg{width:16px;height:16px;flex-shrink:0}
.member-profile-links summary{font-size:11px;cursor:pointer;color:#999;min-height:30px;display:flex;align-items:center}
.member-profile-links details[open]{flex-basis:100%}
.member-profile-links details>div{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:3px 0 5px}
/* Comments stay with the post; account details never enter public comments. */
.member-comments{margin-top:22px;border-top:1px solid #ffffff12;padding-top:18px}
.member-comments h3{font-size:12px!important;font-weight:400!important;margin:0 0 16px!important;line-height:1.5}
.comment-list{display:flex;flex-direction:column;gap:17px}
.feed-comment{display:flex;align-items:flex-start;gap:9px;min-width:0}
.feed-comment.is-reply{margin-left:18px}
.comment-avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;overflow:hidden;background:#222;border-radius:50%;font-size:11px;color:#ccc}
.comment-text{min-width:0;flex:1}
.comment-text p{font-size:13px;line-height:1.75;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-family:Inter,'Noto Sans KR','Apple Color Emoji','Segoe UI Emoji','Malgun Gothic',sans-serif}
.comment-text strong{font-size:12px;font-weight:500;margin-right:6px;color:#eee}
.comment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:3px;font-size:10px;color:#777}
.member-comments button{border:0!important;background:none!important;padding:0!important;min-width:0;min-height:28px;font-size:11px!important;letter-spacing:0!important;font-weight:400;line-height:1.4;color:#aaa;border-radius:0!important;box-shadow:none!important}
.comment-menu{position:relative;margin-left:auto}
.comment-menu summary{display:grid;place-items:center;width:28px;height:28px;font-size:17px;color:#888;cursor:pointer;list-style:none}
.comment-menu summary::-webkit-details-marker{display:none}
.comment-menu>div{display:flex;gap:14px;position:absolute;right:0;z-index:2;top:25px;background:#171717;padding:8px 12px;white-space:nowrap;border-radius:5px}
.comments-empty,.comment-status,.comment-login{font-size:12px;line-height:1.8;color:#888;margin:0}
.comment-status:empty{display:none}
.comment-status{margin-top:12px}
.comments-more{margin:0 0 14px}
.comment-form{display:block!important;margin:18px 0 0;border-top:1px solid #ffffff12;padding-top:12px}
.comment-input-row{display:flex;align-items:flex-end;gap:12px}
.comment-input-row textarea{min-width:0;width:100%;min-height:34px!important;max-height:120px!important;box-sizing:border-box;resize:none;margin:0;padding:6px 0!important;font-size:14px;line-height:1.55;color:#eee;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow-y:auto;font-family:Inter,'Noto Sans KR','Apple Color Emoji','Segoe UI Emoji','Malgun Gothic',sans-serif}
#detail:has(.member-comments)>.close{position:sticky;float:right;top:8px;right:8px;margin-bottom:-40px}
.comment-input-row textarea:focus{outline:none}
#detail .comment-input-row textarea{padding:6px 0!important;line-height:1.55;min-height:34px!important;max-height:120px!important}
.comment-input-row textarea:focus-visible{outline:none}
#detail .comment-input-row textarea:focus,#detail .comment-input-row textarea:focus-visible{outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
.comment-form:focus-within{border-top-color:#555}
.member-comments .comment-input-row button{flex-shrink:0;min-height:36px;min-width:36px;color:#ddd}
.member-comments button:disabled{opacity:.35}
.comment-context{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;color:#999;margin-bottom:5px}
.comment-context[hidden],.comments-more[hidden]{display:none!important}
.comment-context button{width:28px;font-size:20px!important}
.comment-login{display:block;margin-top:18px;padding-top:12px;border-top:1px solid #ffffff12}
#detail:has(.profile-links-editor){width:min(550px,92vw);border:0;border-radius:0;background:#101010;padding:28px}
.profile-links-editor h2{font-size:19px!important;line-height:1.5;margin:4px 45px 12px 0!important;font-weight:400}
.profile-links-editor>p,.link-status{font-size:12px;line-height:1.8;color:#999}
.profile-link-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff16}
.profile-link-row>div{flex:1;min-width:0}
.profile-links-editor label{font-size:11px;line-height:1.8;color:#999;display:block;margin:12px 0}
.profile-links-editor input,.profile-links-editor textarea{border:0!important;border-bottom:1px solid #ffffff20!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:#eee;padding:8px 0!important;font-size:14px;line-height:1.7;width:100%;box-sizing:border-box}
.profile-links-editor textarea{resize:vertical}
.profile-links-editor button{border:0!important;background:none!important;min-height:40px;padding:6px 0!important;font-size:12px!important;letter-spacing:0!important;color:#ddd}
.profile-link-row>button{font-size:23px!important;min-width:32px;color:#888}
.profile-links-editor #add-profile-link{color:#aaa;text-align:left}
.profile-links-editor [hidden]{display:none!important}
@media(min-width:681px){.member-detail.has-media{max-height:86dvh}.member-detail-copy{max-height:calc(86dvh - 84px);box-sizing:border-box;overscroll-behavior:contain}.member-detail.has-media .member-carousel-track figure{max-height:82dvh}.member-detail.has-media .member-carousel{max-height:86dvh;overflow:hidden}}
@media(max-width:600px){
 .member-social.wrap{padding-top:85px;width:calc(100% - 32px)!important;padding-left:0!important;padding-right:0!important}
 .member-social #member-posts{margin-left:-16px;margin-right:-16px}
 .member-topline{margin-bottom:22px}
 .member-identity{grid-template-columns:92px minmax(0,1fr);column-gap:20px}
 .member-portrait-block{width:88px;grid-row:1/3;gap:5px;align-self:center}
 .member-portrait{width:86px;height:86px}
 .member-social .member-role-badge,.member-social .member-role-badge[data-role=admin],.member-social .member-role-badge[data-role=crew]{width:22px;height:22px;padding:4px}
 .member-role-badge img{width:14px;height:14px}
 .member-name h1{font-size:21px;line-height:1.35}
 .member-name>p:last-child{font-size:11px;line-height:1.6}
 .member-counts{margin:10px 0 0;align-self:start}
 .member-counts>div{display:flex;align-items:baseline;gap:6px}
 .member-counts strong{font-size:17px}.member-counts span{font-size:11px}.member-counts small{display:none}
 .member-bio{grid-column:1/-1;margin-top:18px}
 .member-bio>p{font-size:13px;line-height:1.7}
 .member-owner-actions{margin-top:12px;gap:7px}
 .member-social .member-owner-actions>button,.member-social .member-owner-actions>a{flex:1 1 calc(50% - 7px);font-size:11px!important;padding:8px!important;min-height:35px!important}
 .member-section-tabs{margin-top:20px}
 .member-comments{margin-top:20px;padding-top:16px}
 .comment-input-row textarea{font-size:16px}
 #detail:has(.profile-links-editor){padding:24px 20px;max-height:90dvh}
 .profile-links-editor input,.profile-links-editor textarea{font-size:16px}
}