.mohu-s3{max-width:1040px}.s3-hero,.s3-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.s3-hero{padding:26px;border-radius:24px;background:linear-gradient(135deg,#073f7a,#078e89);color:#fff}.s3-hero h1{color:#fff;margin:5px 0}.s3-hero span,.s3-title>div>span{font-weight:900;letter-spacing:.12em;font-size:.78rem}.s3-hero img,.s3-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #fff}.s3-form label{display:block;font-weight:800;margin:14px 0}.s3-form small{display:block;color:#6b7280;margin-top:5px}.s3-grid,.s3-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.s3-privacy{padding:16px;background:#f5f9f7;border-radius:16px;margin:18px 0}.s3-privacy label{font-weight:700;margin:10px 0}.s3-public{display:flex;align-items:center;gap:20px;margin-bottom:18px}.s3-presence{display:inline-block;font-size:.82rem;font-weight:800;color:#6b7280}.s3-presence.online{color:#07864f}.s3-user-list{display:grid;gap:10px;margin-top:16px}.s3-user{display:flex;justify-content:space-between;gap:18px;align-items:center}.s3-user h3{margin:6px 0}.s3-user-meta{text-align:right;display:grid;gap:5px}.s3-user-meta b{text-transform:capitalize}.s3-filters{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.s3-title h1{margin:5px 0}
@media(max-width:700px){.s3-grid,.s3-filters{grid-template-columns:1fr}.s3-user,.s3-title{align-items:flex-start;flex-direction:column}.s3-user-meta{text-align:left}.s3-hero{align-items:flex-start}.s3-hero img{width:72px;height:72px}}