.alt-team-modal { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.5); z-index: 2147483000; }
.alt-team-modal[hidden]{ display:none; }
.alt-team-modal__content{ position:relative; max-width:960px; width:min(92vw,960px); max-height:88vh; overflow:auto; background:#fff; border-radius:22px; padding:28px 32px; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.alt-team-modal__overlay{ position:absolute; inset:0; }

.alt-team-modal__close{ all:unset; position:absolute; top:14px; right:14px; width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background: var( --e-global-color-secondary ); cursor:pointer; }
.alt-team-modal__close::before{ content:'\00D7'; color:#fff; font-size:24px; line-height:1; }
.alt-team-modal__close:hover{background: var( --e-global-color-abae589 );}

.alt-team-detail{ font-family: "Open Sans", sans-serif;}
.alt-team-detail__name{ font-size: clamp(22px, 2.8vw, 30px); font-weight:700; color:var( --e-global-color-secondary ); letter-spacing:1px; text-transform:uppercase; margin:0 0 1rem; }
.alt-team-detail__role{ font-size:1.125rem; font-weight:500; color:var( --e-global-color-text ); }
.alt-team-detail__line{ color:var( --e-global-color-text ); }

.alt-team-detail__section{ margin-top:1rem; }
.alt-team-detail__sub{ font-weight:700; color:var( --e-global-color-text ); margin-bottom:.5rem; }
.team-info{ font-size:0.8rem; background:var( --e-global-color-secondary ); color:#ffffff; padding:6px 10px; border-radius:6px; font-weight:600; margin-top:1.3rem; display:inline-block; }
.alt-team-detail__hr{ border:0; border-top:1px solid #e5e7eb; margin:1.2rem 0 .8rem; }

a{ color:var( --e-global-color-secondary ); text-decoration:none; }
a:hover{ text-decoration:underline; }

.alt-team-detail__section ul{
    padding-left: 20px;
}

.alt-team-modal__loading {
  padding: 40px;
}

.alt-team-detail__grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 32px;
  align-items: start;
}

.alt-team-detail__media {
  width: 100%;
}

.alt-team-detail__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
}

@media (max-width: 900px) {
  .alt-team-detail__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}