@view-transition{navigation:auto}::view-transition-old(root){animation:core-out .18s ease both}::view-transition-new(root){animation:core-in .24s ease both}@keyframes core-out{to{opacity:0}}@keyframes core-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
#siteHeader{view-transition-name:shared-header}::view-transition-old(shared-header),::view-transition-new(shared-header){animation:none}.studio{animation:core-in .24s ease both}@media(prefers-reduced-motion:reduce){.studio{animation:none}}

/* Apply the same feedback to all three course selectors. */
.program-tabs button{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .2s ease}
.program-tabs button:active{transform:scale(.985)}
.tab-arrow{transition:transform .28s ease}
.program-tabs button[aria-selected="true"] .tab-arrow{transform:translateX(3px)}
.career-note>strong,.pathway,.enquire,.outcome-strip,.support>span:last-child{transition:color .28s ease,background-color .28s ease,border-color .28s ease}
@media(prefers-reduced-motion:reduce){.program-tabs button,.tab-arrow,.career-note>strong,.pathway,.enquire,.outcome-strip,.support>span:last-child{transition:none}.program-tabs button:active,.program-tabs button[aria-selected="true"] .tab-arrow{transform:none}}

/* One continuous highlight travels between every course button. */
.program-tabs{position:relative;isolation:isolate}
.active-tab-highlight{position:absolute;left:0;top:0;z-index:1;pointer-events:none;background:var(--accent);box-shadow:0 5px 15px #276ab422;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),background-color .42s ease;will-change:transform}
.program-tabs button{position:relative;transition:color .3s ease,border-color .3s ease}
.program-tabs button[aria-selected="true"],.program-tabs button[aria-selected="true"]:hover{background:#f8fafd;box-shadow:none;border-color:#e5ecf4}
.program-tabs button>span{position:relative;z-index:2;pointer-events:none}
.program-tabs button:active{transform:none}
@media(prefers-reduced-motion:reduce){.active-tab-highlight{transition:none}}