/* Nogoft Stage 4 — mobile-first profile, connections and compact notification drawer */
.site-links{flex-wrap:wrap;row-gap:3px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.header-tools{display:flex;align-items:center;gap:9px}
.header-tools>a{font-size:.85rem;color:#748c8b;text-decoration:none}
.notification-anchor{position:relative;z-index:30}
.bell-trigger{margin:0;width:42px;height:42px;position:relative;display:grid;place-items:center;border:1px solid #e0e6df;border-radius:13px;background:#fff;color:#455d58;cursor:pointer}
.bell-dot{position:absolute;top:6px;left:6px;border:2px solid white;background:#6e9d83;width:10px;height:10px;border-radius:50%}
.bell-panel{position:absolute;top:calc(100% + 10px);left:0;width:min(355px,calc(100vw - 36px));background:#fdfdfb;border-radius:19px;box-shadow:0 16px 45px #1d373030;border:1px solid #e2e8e1;overflow:hidden;direction:rtl;z-index:60}
.bell-panel[hidden]{display:none!important}
.bell-title{display:flex;gap:8px;align-items:center;padding:15px;border-bottom:1px solid #e9ede9}
.bell-title strong{font-size:1rem}.bell-title span{margin-inline-start:auto;color:#788981;font-size:.75rem}.bell-title button{margin:0;width:28px;height:28px;border:0;background:transparent;font-size:1.45rem;cursor:pointer;color:#718279}
.bell-scroll{max-height:320px;overflow-y:auto}.bell-item{margin:0;border-bottom:1px solid #eef0eb}
.bell-item.unread{background:#f5f8f3}
.bell-item-button{margin:0;border-radius:0;width:100%;border:0;background:transparent;color:#334843;text-align:right;display:flex;align-items:flex-start;gap:10px;padding:12px;cursor:pointer;font:inherit}
.bell-item-button:hover,.bell-item-button:focus-visible{background:#edf3eb}.notice-symbol{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e7efea;color:#64877c;font-size:1.2rem}
.bell-text{flex:1;font-size:.84rem;line-height:1.75}.bell-text small{display:block;color:#86918c;font-size:.7rem;margin-top:3px}.unread-dot{width:7px;height:7px;border-radius:50%;background:#77a388;flex:none;margin-top:10px}
.bell-empty{padding:25px;text-align:center;color:#788981}.read-all-form{padding:10px 12px;text-align:center}.read-all-form button{margin:0;padding:5px;border:0;background:transparent;color:#557b68;cursor:pointer;font:inherit;font-size:.78rem}
.social-shell{width:100%;max-width:710px;margin:18px auto 50px;color:#354943}
.profile-cover{height:145px;background:linear-gradient(125deg,#ceded2,#e9ece1,#d7e3d8);border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#5e7f74;font-size:.92rem}.profile-cover img{width:100%;height:100%;object-fit:cover}
.profile-head{text-align:center;position:relative;margin-top:-38px;padding:0 14px}.profile-avatar{height:82px;width:82px;border:4px solid #f6f7f3;border-radius:50%;background:#d9e9df;color:#547568;display:grid;place-items:center;margin:auto;font-size:1.6rem;overflow:hidden}.profile-avatar img,.member-avatar img{width:100%;height:100%;object-fit:cover}.profile-head h1{font-size:1.4rem;margin:8px 0}.profile-head .bio{color:#7a8982;margin:8px auto 15px;line-height:1.9;max-width:500px}.profile-controls{display:flex;justify-content:center}
.soft-button,.mini-follow{display:inline-flex;justify-content:center;align-items:center;background:#ebf0ea;border:1px solid #d5e1d8;color:#4f7567;border-radius:11px;padding:9px 14px;font:inherit;text-decoration:none;font-size:.83rem;cursor:pointer}
.profile-controls button{width:auto;margin:0}.profile-stats{display:flex;margin:24px 0 26px;background:#fff;border:1px solid #e1e8df;border-radius:16px;padding:16px 8px;justify-content:space-around;text-align:center;gap:6px}.profile-stats>a,.profile-stats>div{color:#50685f;text-decoration:none;flex:1;display:flex;flex-direction:column;gap:3px}.profile-stats>*+*{border-right:1px solid #e7ebe5}.profile-stats strong{font-size:1.18rem}.profile-stats span{font-size:.78rem;color:#809087}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title h1,.section-title h2{font-size:1.2rem;margin:14px 0}.section-title a,.social-post a{color:#4b6d60;text-decoration:none}
.tabs{display:flex;gap:24px;white-space:nowrap;overflow-x:auto;border-bottom:1px solid #dce4dc;padding-bottom:12px;margin:15px 0 17px}.tabs a{color:#72867a;text-decoration:none;padding-bottom:8px;font-size:.9rem}.tabs .selected{border-bottom:2px solid #748c8b;color:#345f50;font-weight:700}
.social-post{border:1px solid #e1e7df;background:white;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;margin-bottom:12px;justify-content:space-between}.social-post-copy{min-width:0;flex:1}.social-post-copy p{color:#728078;font-size:.83rem;line-height:1.8;margin:5px 0}.social-post-copy small{color:#88968e}
.member-row{padding:14px 4px;border-bottom:1px solid #e4e9e4;display:flex;justify-content:space-between;align-items:center;gap:8px}.member-info{display:flex;align-items:center;gap:10px;text-decoration:none;color:#3b5549;min-width:0;flex:1}.member-info strong{display:block;font-size:.95rem}.member-info small{display:block;color:#839189;font-size:.74rem;line-height:1.65;margin-top:3px}.member-avatar{width:46px;height:46px;flex:none;border-radius:50%;background:#d8e9db;color:#4e7765;display:grid;place-items:center;overflow:hidden}.member-row form{margin:0}.member-row .mini-follow{margin:0;width:auto;white-space:nowrap;font-size:.75rem}
.social-action-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:17px 0}.social-action-bar form{margin:0}.social-action-bar button{font:inherit;border:1px solid #dbe4dc;border-radius:12px;background:#f2f6f0;padding:10px 16px;cursor:pointer;color:#4e7663;min-width:100px;margin:0;width:auto}.social-action-bar .is-active{background:#dcece0;color:#385d4c}.social-action-bar .count{font-size:.82rem;color:#758779}
.muted{color:#7a8982}
@media(max-width:440px){.social-shell{margin:10px auto 35px}.profile-cover{height:120px}.social-post .cover-mini{height:75px;width:75px}.bell-panel{left:-4px}.profile-stats{padding:12px 4px}}