/* Component motion only; geometry and scroll choreography retain their owners. */
.feature-tabs.has-motion-indicator{position:relative;isolation:isolate}
.feature-tabs.has-motion-indicator>button{position:relative;z-index:1}
.feature-tabs.has-motion-indicator>button[aria-selected=true]{background:transparent;border-color:transparent;box-shadow:none}
.tab-motion-indicator{position:absolute;pointer-events:none;border:1px solid #ffffff08;border-radius:35px;background:#171717;box-shadow:inset 0 1px 0 #ffffff05;overflow:hidden;transform-origin:left center}
.tab-motion-progress{position:absolute;bottom:0;left:12%;width:76%;height:2px;background:#c9c4bf70;transform:scaleX(0);transform-origin:left center}
.showcase>.screen-outgoing{position:absolute;z-index:2;pointer-events:none;margin:0;min-height:0}
.showcase>.screen-backdrop-outgoing{position:absolute;inset:0;z-index:-2;pointer-events:none}
.showcase>.showcase-landscape{transition:none}
.showcase>.expand-button{z-index:3}
.nav-links a:focus-visible{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
  .tab-motion-progress{visibility:hidden}
}

/* A 44px target sits within the existing toolbar spacing without raising its line box. */
.hero-motion-tools{display:inline-flex;align-items:center;gap:4px;position:relative}
.hero-motion-pause{position:relative;flex:none;width:44px;height:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.72;line-height:1;font-size:12px}
.hero-motion-pause::before{content:"";position:absolute;inset:-16px 0;border-radius:22px}
.hero-motion-pause:hover{opacity:1}
.hero-motion-pause:focus-visible{outline:1px solid currentColor;outline-offset:6px;border-radius:10px;opacity:1}
.hero-motion-pause:disabled{cursor:default;opacity:.4}