.ocf-community-page{display:grid;gap:20px}.ocf-community-page>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.ocf-community-page>header p{margin:0;color:var(--ocf-coral);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ocf-community-page>header h1{margin:5px 0;font-size:clamp(28px,4vw,40px)}.ocf-community-page>header span{color:var(--ocf-muted);font-size:13px}.ocf-community-page>header>a,.ocf-people-search button{min-height:42px;display:grid;place-items:center;padding:0 17px;border:0;border-radius:11px;background:var(--ocf-ink);color:var(--ocf-paper);font-weight:750}.ocf-people-search{display:flex;gap:10px}.ocf-people-search label{flex:1}.ocf-people-search input{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--ocf-line);border-radius:12px;background:var(--ocf-paper);color:var(--ocf-ink)}.ocf-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ocf-person-card,.ocf-connection-list>article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border:1px solid var(--ocf-line);border-radius:16px;background:var(--ocf-paper);box-shadow:var(--ocf-shadow)}.ocf-person-avatar img,.ocf-connection-list img{width:58px;height:58px;border-radius:16px;object-fit:cover}.ocf-person-card h2,.ocf-connection-list h2{margin:3px 0;font-size:15px}.ocf-person-card p,.ocf-connection-list p{margin:0;color:var(--ocf-muted);font-size:11px}.ocf-rel{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.ocf-rel button{min-height:34px;padding:0 11px;border:1px solid var(--ocf-line);border-radius:9px;background:var(--ocf-paper);color:var(--ocf-ink);font-weight:700;cursor:pointer}.ocf-rel button.is-primary{border-color:transparent;background:var(--ocf-violet);color:#fff}.ocf-rel button.is-quiet{margin-left:auto;color:var(--ocf-muted)}.ocf-rel span{width:100%;color:var(--ocf-muted);font-size:11px}.ocf-connection-list{display:grid;gap:10px}.ocf-connection-list>article{grid-template-columns:auto 1fr auto;align-items:center}.ocf-connection-list .ocf-rel{grid-column:auto}.ocf-community-empty{padding:28px;border:1px dashed var(--ocf-line);border-radius:16px;text-align:center}.ocf-community-empty h2{margin:0 0 6px}.ocf-community-empty p{margin:0;color:var(--ocf-muted)}@media(max-width:760px){.ocf-community-page>header{align-items:start;flex-direction:column}.ocf-people-grid{grid-template-columns:1fr}.ocf-connection-list>article{grid-template-columns:auto 1fr}.ocf-connection-list .ocf-rel{grid-column:1/-1}}

.ocf-blocked{display:grid;gap:12px;margin-top:12px;padding-top:22px;border-top:1px solid var(--ocf-line)}.ocf-blocked>h2{margin:0}.ocf-blocked>p{margin:0;color:var(--ocf-muted);font-size:12px}.ocf-notification-list{display:grid;gap:9px}.ocf-notification-list article{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ocf-line);border-radius:14px;background:var(--ocf-paper)}.ocf-notification-list article.is-unread{border-left:4px solid var(--ocf-violet)}.ocf-notification-list img{width:44px;height:44px;border-radius:13px}.ocf-notification-list time{display:block;margin-top:3px;color:var(--ocf-muted);font-size:10px}