/* team.css - główny profil + lista specjalistów */
#profile-panel .prose p { margin-top:0; margin-bottom:0.75rem; }
#profile-photo { min-height:240px; object-position:center; }
.staff-item { transition: background .14s, transform .12s; border:1px solid transparent; }
.staff-item:hover { transform: translateY(-4px); }
.staff-item.active, .staff-item:focus, .staff-item[aria-pressed="true"] { background: linear-gradient(180deg,#ffffff,#fbfffd); box-shadow:0 8px 30px rgba(2,6,23,0.06); border-color:rgba(15,23,36,0.04); }

/* Layout wymuszony: profil po lewej, lista po prawej na desktop */
.team-layout { display:flex; flex-direction:column; gap:32px; align-items:flex-start; }
.team-layout .profile-col { width:100%; }
.team-layout .list-col { width:100%; }
@media (min-width:1024px) {
  .team-layout { flex-direction:row; }
  .team-layout .profile-col { width:66.6667%; }
  .team-layout .list-col { width:33.3333%; }
}

@media (max-width: 1023px) {
  /* na mobilu lista ponad profilem */
  #staff-list { display:flex; gap:8px; overflow:auto; padding-bottom:8px; }
  .staff-item { min-width:220px; flex:0 0 auto; border-radius:12px; }
  #profile-photo { height:320px; }
}