/* NOTW v75: unified staff cards + clearer social links.
   Loaded last so legacy .compact-staff and Discord-created groups cannot
   shrink the Designer/Developer cards independently of Founders/Moderation.
   All staff cards share the SAME dimensions on desktop and on mobile. */
html body.notw-universe main.teams-hub-page section.staff-view,
html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,#notw-leadership,#notwLeadershipGrid,.notw-v72-custom-group){
  --notw-card-width:300px!important;
  --notw-photo-size:375px!important;
  /* A little more breathing room for larger social icons and long names. */
  --notw-footer-height:112px!important;
  --notw-card-height:487px!important;
}
/* The exact same layout for ordinary and Discord-added staff groups. */
html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,.notw-v72-custom-group) .staff-rail{
  box-sizing:border-box!important;
  display:flex!important;flex-flow:row wrap!important;
  justify-content:center!important;align-items:flex-start!important;
  gap:18px!important;overflow:visible!important;
  width:100%!important;max-width:936px!important;
  margin-inline:auto!important;padding:0!important;
}
html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,.notw-v72-custom-group) .staff-rail > .staff-person,
html body.notw-universe main.teams-hub-page section.staff-view #notwLeadershipGrid > .notw-v56-leader-single{
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  flex:0 0 var(--notw-card-width)!important;
  width:var(--notw-card-width)!important;
  min-width:var(--notw-card-width)!important;
  max-width:var(--notw-card-width)!important;
  height:var(--notw-card-height)!important;
  min-height:var(--notw-card-height)!important;
  max-height:var(--notw-card-height)!important;
  border:1px solid rgba(95,177,255,.40)!important;
  border-radius:12px!important;
  background:transparent!important;
  margin:0!important;padding:0!important;
  overflow:hidden!important;
}
html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,.notw-v72-custom-group) .staff-rail > .staff-person > .staff-media,
html body.notw-universe main.teams-hub-page section.staff-view #notwLeadershipGrid > .notw-v56-leader-single > .notw-v56-leader-image{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  flex:0 0 var(--notw-photo-size)!important;
  width:100%!important;
  min-width:0!important;max-width:100%!important;
  height:var(--notw-photo-size)!important;
  min-height:var(--notw-photo-size)!important;
  max-height:var(--notw-photo-size)!important;
  aspect-ratio:auto!important;
  margin:0!important;padding:0!important;
  border:0!important;overflow:hidden!important;
  background:transparent!important;
}
html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,.notw-v72-custom-group) .staff-rail .staff-media > img,
html body.notw-universe main.teams-hub-page section.staff-view #notwLeadershipGrid .notw-v56-leader-image > img{
  display:block!important;
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:cover!important;object-position:center!important;
  margin:0!important;padding:0!important;
  filter:none!important;transform:none!important;
}
html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,.notw-v72-custom-group) .staff-rail > .staff-person > .staff-person-meta,
html body.notw-universe main.teams-hub-page section.staff-view #notwLeadershipGrid > .notw-v56-leader-single > .notw-v56-leader-footer{
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  flex:0 0 var(--notw-footer-height)!important;
  width:100%!important;
  height:var(--notw-footer-height)!important;
  min-height:var(--notw-footer-height)!important;
  max-height:var(--notw-footer-height)!important;
  gap:2px!important;
  padding:7px 12px!important;
  margin:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
/* Noticeably larger than the former 25px/14px icons, without becoming bulky. */
html body.notw-universe main.teams-hub-page .person-socials{
  display:flex!important;
  flex-flow:row wrap!important;
  gap:7px!important;
  align-items:center!important;
  margin-top:auto!important;
}
html body.notw-universe main.teams-hub-page .person-socials .person-social{
  box-sizing:border-box!important;
  display:grid!important;place-items:center!important;
  flex:0 0 31px!important;
  width:31px!important;min-width:31px!important;max-width:31px!important;
  height:31px!important;min-height:31px!important;
  border-radius:50%!important;
  border:1px solid rgba(155,208,255,.57)!important;
  background:rgba(69,122,190,.17)!important;
  color:#eff7ff!important;
  opacity:1!important;
}
html body.notw-universe main.teams-hub-page .person-socials .person-social > svg{
  display:block!important;
  width:19px!important;height:19px!important;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
html body.notw-universe main.teams-hub-page .person-socials .person-social:hover,
html body.notw-universe main.teams-hub-page .person-socials .person-social:focus-visible{
  background:rgba(65,147,240,.30)!important;
  border-color:rgba(205,232,255,.92)!important;
}
@media(max-width:720px){
  html body.notw-universe main.teams-hub-page section.staff-view,
  html body.notw-universe main.teams-hub-page section.staff-view :is(#founders,#moderation,#graphicdesigner,#notw-leadership,#notwLeadershipGrid,.notw-v72-custom-group){
    --notw-card-width:min(84vw,300px)!important;
    --notw-photo-size:calc(var(--notw-card-width) * 1.25)!important;
    --notw-footer-height:112px!important;
    --notw-card-height:calc(var(--notw-photo-size) + var(--notw-footer-height))!important;
  }
}