/* Team (pages/team.js): the mock's cards of people, three to a row, fewer as the page narrows */
.team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.team-card { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--raise); border: 1px solid var(--line); border-radius: 12px; min-width: 0; }
.team-card > div { flex: 1; min-width: 0; display: grid; }
.team-card b { font-weight: 700; color: var(--head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-card small { color: var(--text3); font-size: 13px; }
.team-card .team-areas { font-size: 12px; color: var(--faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-n::before { display: none; }
.team-off .team-av, .team-off > div { opacity: .55; }