/* Ozzoo professional UI refresh — additive, no backend changes */
:root{--ink:#101828;--text:#263448;--muted:#58677b;--line:#e1e7ef;--bg:#f5f7fb;--accent:#244f99;--radius:14px}
body{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}
.brand-logo{height:38px;max-width:180px;width:auto;object-fit:contain}
.topbar{border-bottom:1px solid #e2e8f0}.topbar-inner{min-height:70px}.top-search{height:46px;border-radius:12px}.top-search input{font-size:15px}
.top-profile .avatar{width:42px;height:42px;flex-basis:42px}
.side-link{font-size:15px;font-weight:700;min-height:45px}.nav-heading{font-size:11px;font-weight:800;letter-spacing:.11em}
.feed-top h1{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.045em;line-height:1.2}
.feed-top p,.section-heading p,.feed-filter-head p{font-size:14px;color:var(--muted)}
.section-heading h2,.feed-filter-head h2{font-size:21px;font-weight:800;letter-spacing:-.035em}
.section-light{font-size:14px;font-weight:600;color:#65758b}
.buzz-heading{margin-top:24px;gap:12px}.small-24{font-size:11px;color:#66758b;letter-spacing:.06em}
.buzz-rail{gap:12px;padding:7px 2px 17px;scroll-padding-inline:2px}
.buzz-tile{flex:0 0 140px;width:140px;height:208px;border-radius:16px;box-shadow:0 3px 12px #14213d12}
.buzz-avatar-top .avatar{width:43px;height:43px;flex-basis:43px;box-shadow:0 0 0 2px white}
.buzz-tile-bottom strong{font-size:14px;font-weight:800}.buzz-tile-bottom small{font-size:12px}
.post-card,.panel,.opp-card{border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 14px #10182808}
.post-card{padding:21px 23px 0}.post-top{gap:13px}.post-top>.avatar,.composer-top>.avatar{width:56px;height:56px;flex-basis:56px}
.post-author .person-name,.post-name-line .person-name{font-size:16px;font-weight:800;color:#17243a}
.post-author p,.muted-meta{font-size:13px;color:#64748b}.post-body{font-size:16px;line-height:1.72;color:#263448}
.post-action{font-size:14px;font-weight:750;min-height:48px}.post-metrics{font-size:13px}.comment-bubble,.comment-bubble p{font-size:14px}
.composer-top>span{font-size:15px;font-weight:650;color:#64748b}.composer-bottom button{font-size:13px}
.topic-tabs a,.filter-pill{font-size:13px;font-weight:750;min-height:40px}.btn{font-size:14px;font-weight:750;min-height:40px}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:770px){
 html,body{max-width:100%;overflow-x:clip}.app-shell{padding:15px 12px calc(95px + env(safe-area-inset-bottom));max-width:680px}
 .topbar,.topbar-inner{height:66px;min-height:66px}.topbar-inner{padding:0 13px;gap:10px}
 .brand-logo{height:32px;max-width:124px}.top-search{height:39px;max-width:160px}.top-right{gap:9px}.top-profile .avatar{width:38px;height:38px;flex-basis:38px}
 .feed-top{padding:4px 0 18px;align-items:flex-start}.feed-top h1{font-size:26px}.feed-top p{font-size:14px}.today-date{display:none}
 .section-heading h2{font-size:20px}.section-heading p{font-size:13px}.section-light{font-size:13px}.small-24{display:none}
 .buzz-rail{gap:10px;margin-right:-12px;padding-right:12px;scroll-snap-type:x mandatory}
 .buzz-tile{width:125px;flex-basis:125px;height:187px;border-radius:14px}
 .buzz-avatar-top .avatar{width:42px;height:42px;flex-basis:42px}
 .post-card{padding:17px 16px 0}.post-top>.avatar,.composer-top>.avatar{width:52px;height:52px;flex-basis:52px}
 .post-body{font-size:16px;line-height:1.65}.post-author .person-name{font-size:15px}.post-author p{font-size:13px}
 .post-action{font-size:13px;gap:5px;padding:12px 3px}.topic-tabs{margin-right:-12px;padding-right:12px}
 .mobile-nav{z-index:90}.mobile-nav a{font-size:11px;font-weight:750}
}
@media(max-width:390px){.app-shell{padding-inline:10px}.brand-logo{height:29px;max-width:105px}.top-search{max-width:118px}.buzz-tile{width:115px;flex-basis:115px;height:176px}.feed-top h1{font-size:24px}.post-card{padding:15px 13px 0}.post-action{font-size:12px}}