.pending-notice{max-width:340px;margin:20px auto 30px;text-align:center;font-size:13px;line-height:1.7;color:var(--muted)}
.dock{display:block;overflow:clip;scrollbar-width:none;scroll-snap-type:none;padding-top:44px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.dock.is-overflowing,.dock.is-overflowing .person{cursor:grab}
.dock.is-dragging,.dock.is-dragging .person{cursor:grabbing}
.dock::-webkit-scrollbar{display:none}
.dock-track{display:flex;align-items:flex-start;gap:24px;width:max-content;min-width:100%;will-change:transform}
.person{flex:0 0 142px;width:142px;min-width:142px;max-width:142px;scroll-snap-align:center;transform:none;transition:none;will-change:auto}
.person:nth-child(1 of :not([hidden])){margin-inline-start:auto}
.person:nth-last-child(1 of :not([hidden])){margin-inline-end:auto}
.person .avatar-dock{flex:none;width:76px;height:76px;transform:translateY(var(--lift,0px)) scale(var(--scale,1));transform-origin:center bottom;transition:transform .16s ease-out;will-change:transform}
.person-name{width:100%;height:2.8em;display:grid;place-items:center;overflow-wrap:normal;word-break:normal}
.person-role{width:100%;height:1.4em;line-height:1.4;white-space:nowrap}
.carousel-ghost{pointer-events:none}
.carousel-controls{display:flex;justify-content:center;gap:12px;margin:3px 0 12px}
.carousel-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #6c908030;border-radius:50%;background:var(--field);color:var(--ink);font-size:18px}
.carousel-controls button:disabled{opacity:.35;cursor:default}
@media(prefers-reduced-motion:reduce){.person .avatar-dock{transform:none!important}}
.departments button,.back-button{min-height:44px}

/* Shared Ac bot + Pro identity. */
.wordmark{max-width:100%;min-width:0}.wordmark .login-brand-logo{display:block;width:280px;max-width:100%;height:auto}

/* Use the space below the sign-in link without moving the existing content. */
.studio-credit {
  position: relative;
  flex: none;
  height: 0;
  width: 72px;
}
.studio-credit img {
  position: absolute;
  top: 7px;
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .studio-credit { width: 54px; }
  .studio-credit img { top: 4px; }
}
