/* Layouts copied from the approved Stu social feed study, scoped to production views. */
.social-surface{--purple:#6236ff;--ink:var(--mode-text,#201a35);--muted:var(--mode-muted,#817888);max-width:640px;margin:0 auto;color:var(--ink);background:var(--mode-surface,#fffcf6);font-family:DM Sans,sans-serif;overflow-wrap:anywhere}.social-surface h2,.social-surface h3{font-family:Manrope,sans-serif}.social-surface button{font:inherit;cursor:pointer;color:inherit}
.social-surface .feed-top{display:flex;justify-content:space-between;align-items:center;padding:22px}.social-surface .feed-top h3{font-size:27px;margin:0}.social-surface .small-button{background:#e9e1fa;border:0;border-radius:10px;padding:9px 12px;font-size:11px}.social-surface .feed-tabs{display:flex;gap:22px;padding:0 23px 17px;font-size:11px;border-bottom:1px solid #eee7df}.social-surface .feed-tabs b{color:var(--purple)}.social-surface .compose{margin:16px 22px;padding:12px;border:1px solid #e8e1dc;border-radius:14px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.social-surface .tiny-avatar{width:37px;height:37px;border-radius:50%;background:#e8e0ff;overflow:hidden;flex-shrink:0}.social-surface .tiny-avatar svg{width:100%;height:100%;display:block}.social-surface .post{margin:22px;border-bottom:1px solid #e9e2da;padding-bottom:20px}.social-surface .post-head{display:flex;align-items:center;gap:9px}.social-surface .post-head strong{font-size:12px}.social-surface .post-head small{font-size:9px;display:block;color:var(--muted);margin-top:3px}.social-surface .post-head>span:last-child{margin-left:auto;font-size:20px}.social-surface .post p{font-size:12px;margin:14px 0}.social-surface .post-photo{height:185px;background:#e0e4d2;border-radius:14px;overflow:hidden}.social-surface .post-photo img{width:100%;height:100%;object-fit:cover}.social-surface .post-actions{display:flex;gap:19px;font-size:11px;margin-top:14px}.social-surface .post-actions button{border:0;background:none;padding:0;font-size:11px}.social-surface .post-actions span:last-child{margin-left:auto}.social-surface .audience{font-size:9px;background:#ece7f6;color:#6a5887;border-radius:5px;padding:3px 5px}.social-surface .poll{background:#eee9f6;border-radius:13px;padding:14px}.social-surface .poll button{display:flex;justify-content:space-between;width:100%;background:#fffcf7;border:1px solid #d8cfe4;border-radius:9px;padding:10px;margin-top:7px;font-size:11px}.social-surface .source-tag{font-size:8px;letter-spacing:1px;color:#887897}.social-surface .profile-hero{background:linear-gradient(140deg,#dde7c5,#bfd6c7,#f3e1c3);padding:18px 22px 23px;position:relative}.social-surface .back-row{display:flex;justify-content:space-between;font-size:18px}.social-surface .profile-id{display:flex;align-items:center;gap:18px;margin:25px 0 13px}.social-surface .portrait{width:90px;height:103px;background:#fdf7ea;padding:5px 5px 17px;transform:rotate(-4deg);box-shadow:3px 5px 0 #201a3515}.social-surface .portrait>div{background:#ded5f1;height:100%;overflow:hidden}.social-surface .portrait svg{width:100%;height:100%;display:block}.social-surface .profile-id h3{font-size:28px;margin:0;letter-spacing:-1px}.social-surface .profile-id h3 span{font:500 11px DM Sans;border:1px solid #201a3525;border-radius:6px;padding:4px;margin-left:5px;vertical-align:middle}.social-surface .verified{background:#372463;color:white;border-radius:6px;padding:4px 7px;font-size:8px;display:inline-block;margin-top:6px}.social-surface .profile-id p{font-size:9px;margin:6px 0}.social-surface .profile-hero>p{font-size:12px;margin:14px 0 10px}.social-surface .follow-row{display:flex;gap:9px}.social-surface .follow-row button{flex:1;border:0;background:var(--purple);color:white;padding:10px;border-radius:10px;font-size:11px;font-weight:700}.social-surface .follow-row button+button{background:#fff9ef90;color:var(--ink)}.social-surface .counts{display:flex;gap:23px;font-size:10px;padding:17px 22px;border-bottom:1px solid #eee4dc}.social-surface .counts b{font-size:13px;display:block;margin-bottom:3px}.social-surface .song{margin:17px 22px;display:flex;gap:10px;align-items:center;background:#f0ebde;padding:11px;border-radius:12px}.social-surface .record{height:36px;width:36px;background:#302634;border-radius:50%;display:grid;place-items:center;color:#ded2ac}.social-surface .song small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.social-surface .song b{font-size:10px}.social-surface .extended{margin:20px 22px}.social-surface .extended h3{font-size:18px}.social-surface .prompt{padding:18px;background:#efe8d9;border-radius:14px;margin:15px 0}.social-surface .prompt small{font-size:8px;letter-spacing:1px}.social-surface .prompt p{font:500 18px/1.5 Manrope;margin:10px 0 0}.social-surface .sidekick{background:#e9e1d8;border-radius:18px;padding:15px;display:flex;align-items:center;font-size:11px}.social-surface .sidekick>div:first-child{width:45%}.social-surface .sidekick svg{width:100%;display:block}.social-surface .profile-links{padding:10px 0;font-size:11px}.social-surface .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:15px 0}.social-surface .post-grid div{aspect-ratio:1;background:#d7decc;overflow:hidden}.social-surface .post-grid img{width:100%;height:100%;object-fit:cover}.social-surface .vendor-avatar{width:82px;height:82px;border-radius:20px;background:#312d2f;color:#efdbaf;display:grid;place-items:center;font:700 27px Georgia}.social-surface .vendor-hero{background:linear-gradient(140deg,#f0d5b7,#e7bbae,#e5cddd)}.social-surface .vendor-label{font-size:8px;letter-spacing:1px;margin-top:7px}.social-surface .deal-banner{background:#332d36;color:#fff7e8;border-radius:15px;padding:20px}.social-surface .deal-banner h3{font-size:27px;margin:10px 0;color:#eddb9f}.social-surface .deal-banner p{font-size:11px}.social-surface .deal-banner button{border:0;border-radius:9px;padding:10px;background:#d8ff62;color:#201a35;font-size:11px;font-weight:700}.social-surface .announcement{background:#f0e7f5;border-radius:12px;padding:15px;font-size:11px}
.social-surface .feed-tabs button{border:0;background:none;font-size:13px;padding:9px 0;color:inherit}.social-surface .feed-tabs button.active{color:var(--purple);border-bottom:2px solid currentColor;font-weight:700}.social-surface .tiny-avatar .stu-avatar{width:100%;height:100%}.social-surface .post-head .author-button{display:flex;gap:9px;align-items:center;text-align:left;border:0;background:none;padding:0;color:inherit}.social-surface .post-head .post-menu{margin-left:auto;border:0;background:none}.social-surface .compose{width:calc(100% - 44px);background:none;text-align:left}.social-surface .post-actions button{display:flex;gap:5px;align-items:center}.social-surface .post-actions .saved{margin-left:auto}.social-surface .post-actions button[aria-pressed=true]{color:var(--purple)}.social-compose,.social-report,.social-reply-box{display:grid;gap:12px;padding:20px 22px}.social-compose textarea{min-height:100px}.social-compose .social-compose-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.social-compose input[type=file]{max-width:100%}.social-surface .post-options{display:flex;gap:12px;justify-content:flex-end;padding:12px 0}.social-surface .post-options button{border:0;background:none;font-size:12px}.social-message{margin:22px}.social-surface .profile-id .profile-portrait{width:90px;height:103px;flex-shrink:0;margin:0}.social-surface .profile-id .vendor-avatar .stu-avatar{height:100%;width:100%}.social-surface .profile-id h3{overflow-wrap:anywhere}.social-surface .back-row button{border:0;background:none;padding:0;color:inherit}.social-surface .profile-links{display:flex;flex-wrap:wrap;gap:9px}.social-surface .profile-links a{padding:9px;border:1px solid var(--mode-line,#dfd7e7);border-radius:10px;text-decoration:none}.social-surface .song img{width:36px;height:36px;border-radius:8px;object-fit:cover}.social-surface .hero{margin:18px 22px}.social-surface .social-replies{border-top:1px solid var(--mode-line,#ddd);margin-top:15px}.social-surface .social-replies article{padding:12px 0}.social-surface .social-replies strong{font-size:12px}.social-surface .social-replies p{margin:5px 0}.social-surface .profile-hero p{color:inherit}.social-surface .account-labels{display:flex;gap:5px;flex-wrap:wrap}.social-surface .account-labels span{font-size:9px;background:#372463;color:white;padding:4px 7px;border-radius:6px}.social-surface .profile-id>div:last-child{min-width:0}.social-surface .song{color:var(--mode-text,#201a35)}
@media(max-width:760px){.social-surface{max-width:none;margin:0 -16px}.social-surface .feed-top{padding-top:10px}.social-surface .profile-hero{padding-top:calc(18px + var(--native-inset-top,0px))}}

.social-surface .social-photo-link{display:block}.social-surface .post .markdown-text p{font-size:12px}.social-surface .post-head .tiny-avatar{width:37px;height:37px}.social-surface .extended .moments-header{height:auto;min-height:0}.social-surface .extended .moments-photo{height:350px;min-height:350px}

/* Reset campus-card rules at this boundary so approved social posts remain flat. */
.social-surface .post{border:0;border-bottom:1px solid var(--mode-line,#e9e2da);border-radius:0;background:none;box-shadow:none;padding:0 0 20px;margin:22px}.social-surface .post>p{margin:14px 0}.social-surface .profile-hero{border:0;border-radius:0}.social-surface .profile-id .profile-portrait .portrait-inner{height:100%;width:100%}.social-surface .sidekick svg{max-height:150px}

.social-surface .profile-id .surround-standard{height:90px;aspect-ratio:1}.social-surface .tiny-avatar .profile-portrait{width:100%;height:100%;border-radius:50%;padding:0;aspect-ratio:1}.social-surface .tiny-avatar .portrait-inner{width:100%;height:100%;border-radius:50%}

.social-surface .feed-top h3{margin-right:auto}.social-surface .social-own-avatar{margin:0 12px;border:0;padding:0;background:none;width:36px;height:36px}.social-surface .social-own-avatar .stu-avatar{height:36px;width:36px}