/*
 * Public MyStationHub hero action rail.
 * Matches the actual 3-choice customer dashboard segmented menu:
 * light gray rounded rail + animated white pill on hover/focus/press.
 * Only this homepage component is affected.
 */
.msh-vm-hero-actions.msh-public-action-segments{
 --msh-public-pill-index:0;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:0!important;
 align-items:stretch;
 isolation:isolate;
 position:relative;
 width:min(100%,610px);
 max-width:100%;
 min-height:59px;
 padding:6px!important;
 margin:0 0 23px!important;
 background:rgba(233,238,241,.20)!important;
 border:1px solid #e5eaed;
 border-radius:999px!important;
 box-shadow:inset 0 2px 5px #0f283608!important;
}
.msh-vm-hero-actions.msh-public-action-segments::before{
 content:"";
 position:absolute;
 z-index:0;
 left:6px;
 top:6px;
 bottom:6px;
 width:calc((100% - 12px)/3);
 background:#fff;
 border-radius:999px;
 box-shadow:0 3px 10px #1832421c,0 1px 2px #18324212;
 transform:translateX(calc(var(--msh-public-pill-index) * 100%));
 opacity:0;
 pointer-events:none;
 transition:transform 300ms cubic-bezier(.22,.8,.25,1),opacity 150ms ease;
}
.msh-vm-hero-actions.msh-public-action-segments:has(> :is(a,button):is(:hover,:focus-visible,:active))::before,
.msh-vm-hero-actions.msh-public-action-segments[data-pill-visible="true"]::before{
 opacity:1;
}
.msh-vm-hero-actions.msh-public-action-segments:has(> :is(a,button):nth-child(1):is(:hover,:focus-visible,:active)){
 --msh-public-pill-index:0;
}
.msh-vm-hero-actions.msh-public-action-segments:has(> :is(a,button):nth-child(2):is(:hover,:focus-visible,:active)){
 --msh-public-pill-index:1;
}
.msh-vm-hero-actions.msh-public-action-segments:has(> :is(a,button):nth-child(3):is(:hover,:focus-visible,:active)){
 --msh-public-pill-index:2;
}
.msh-vm-hero-actions.msh-public-action-segments> :is(a,button){
 display:flex!important;
 position:relative;
 z-index:1;
 align-items:center;
 justify-content:center;
 min-width:0;
 min-height:44px;
 padding:10px 12px!important;
 background:transparent!important;
 border:0!important;
 border-radius:999px!important;
 box-shadow:none!important;
 color:#526674!important;
 font-family:inherit!important;
 font-size:14px!important;
 font-weight:690!important;
 line-height:1.35!important;
 white-space:normal;
 text-align:center;
 text-decoration:none!important;
 cursor:pointer;
 transform:none!important;
 transition:color 180ms ease!important;
 -webkit-tap-highlight-color:transparent;
}
.msh-vm-hero-actions.msh-public-action-segments> :is(a,button):is(:hover,:focus-visible,:active){
 color:#1d303d!important;
}
.msh-vm-hero-actions.msh-public-action-segments> :is(a,button):focus-visible{
 outline:2px solid #09a7df!important;
 outline-offset:-2px!important;
}
@media(max-width:740px){
 .msh-vm-hero-actions.msh-public-action-segments{
  width:100%;
  min-height:56px;
  padding:5px!important;
 }
 .msh-vm-hero-actions.msh-public-action-segments::before{
  left:5px;top:5px;bottom:5px;
  width:calc((100% - 10px)/3);
 }
 .msh-vm-hero-actions.msh-public-action-segments> :is(a,button){
  font-size:clamp(11px,2.85vw,13px)!important;
  padding:8px 5px!important;
 }
}
@media(hover:none){
 .msh-vm-hero-actions.msh-public-action-segments> :is(a,button):active{
  background:#ffffff45!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .msh-vm-hero-actions.msh-public-action-segments::before,
 .msh-vm-hero-actions.msh-public-action-segments> :is(a,button){
  transition:none!important;
 }
}