/* Existing aria-checked is the single source of truth for the motion control. */
html[data-persona] body .site-header.mh-premium-header .spatial-toggle{position:relative;border:2px solid transparent!important;transition:background .2s,box-shadow .2s,border-color .2s}
html[data-persona] body .site-header.mh-premium-header .spatial-toggle[aria-checked=true]{background:#147f91!important;color:#fff!important;border-color:#f4d184!important;box-shadow:0 0 0 3px #f4d18424,0 0 18px #54d7e866!important}
html[data-persona] body .site-header.mh-premium-header .spatial-toggle[aria-checked=true]::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;inset-inline-end:5px;bottom:5px;background:#a9ffdb;box-shadow:0 0 6px #a9ffdb;pointer-events:none}
html[data-persona] body .site-header.mh-premium-header .spatial-toggle[aria-checked=false]{background:transparent!important;color:#adbfca!important;border-color:transparent!important;box-shadow:none!important}
html[data-persona] body .site-header.mh-premium-header .spatial-toggle[aria-checked=false]::after{content:none}
html[data-persona] body .site-header.mh-premium-header .spatial-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}
html[data-persona] body .mh-premium-mobile .mh-app-motion[aria-checked=true]{background:#126d83!important;color:#fff!important;border:2px solid #d3a84c!important;box-shadow:0 0 0 3px #d3a84c1a!important}
html[data-persona] body .mh-premium-mobile .mh-app-motion[aria-checked=false]{background:#edf2f6!important;color:#52646d!important;border:2px solid transparent!important;box-shadow:none!important}
/* Enlarge the learning portrait and remove its old inset background frame. */
html[data-persona] body main .home-hero .spatial-content>.learner-roadmap{grid-template-columns:minmax(0,1fr) minmax(160px,48%);gap:20px;padding:20px}
html[data-persona] body main .home-hero .spatial-stage--learning .spatial-content>.learner-roadmap>img{width:100%;height:290px;max-width:100%;object-fit:contain;object-position:center;border:0;border-radius:12px;background:transparent;box-shadow:none;margin:0}
html[data-persona] body main .home-hero .learner-roadmap .roadmap-heading{font-size:17px;line-height:1.9}
@media(max-width:767px){
 html[data-persona] body main .home-hero .spatial-content>.learner-roadmap{grid-template-columns:minmax(0,1fr) minmax(110px,46%);gap:12px;padding:16px}
 html[data-persona] body main .home-hero .spatial-stage--learning .spatial-content>.learner-roadmap>img{width:100%;height:220px}
 html[data-persona] body main .home-hero .learner-roadmap .roadmap-heading{font-size:15px}
}