/* Netwerken */
.net-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-sm); }
.net-card { display: flex; gap: var(--space-sm); padding: var(--space-sm); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); color: var(--text); min-width: 0; }
.net-card:hover { border-color: var(--primary); text-decoration: none; transform: translateY(-1px); }
.net-img { display: grid; place-items: center; width: 64px; height: 64px; flex-shrink: 0; border-radius: var(--radius-s); overflow: hidden;
  background: color-mix(in srgb, var(--primary) 14%, var(--surface-2)); color: var(--primary); }
.net-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.net-img .icon { width: 30px; height: 30px; }
.net-img-l { width: 96px; height: 96px; }
.net-img-l .icon { width: 44px; height: 44px; }
.net-body { display: flex; flex-direction: column; gap: var(--space-3xs); min-width: 0; overflow-wrap: anywhere; }
.net-body strong { line-height: 1.3; }
.net-hero { display: flex; gap: var(--space-md); align-items: center; flex-wrap: wrap; margin-bottom: var(--gap); }
.net-hero-body { flex: 1; min-width: 200px; }
.net-hero-body h1 { margin: 0 0 var(--space-2xs); overflow-wrap: anywhere; }
.net-actions form { margin: 0; }
.net-member-actions { justify-content: center; gap: var(--space-xs); }