.hrm-page{
  max-width:none;
  width:100%;
  min-height:calc(100vh - 48px);
  margin:-10px -12px;
  padding:10px;
  background:#fff;
}

.hrm-page .hrm-head{
  margin:0 0 10px;
  border:1px solid var(--line);
  background:#fff;
}

.org-layout{
  grid-template-columns:minmax(520px,1fr) clamp(260px,22vw,340px);
  gap:10px;
  margin-top:0;
}

.org-tree,
.org-profile{
  min-width:0;
  background:#fff;
}

.org-branch>div,
.org-branch.leadership>div{
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
}

.org-person{
  min-width:0;
}

.org-profile{
  position:sticky;
  top:58px;
}

@media(max-width:1100px){
  .org-layout{
    grid-template-columns:1fr;
  }

  .org-profile{
    position:static;
    display:block;
  }
}

@media(max-width:650px){
  .hrm-page{
    margin:-10px;
    padding:8px;
  }

  .org-branch{
    padding-left:18px;
  }

  .org-branch:before{
    left:9px;
  }

  .org-branch>div,
  .org-branch.leadership>div{
    grid-template-columns:1fr;
  }
}