body.mg-v3 .header-themes{display:inline-flex;align-items:center;justify-content:center;color:#e5ddf0;border:1px solid #ffffff38;background:transparent;border-radius:11px;padding:10px 13px;font:800 12px/1.4 var(--body);text-decoration:none;white-space:nowrap}
body.mg-v3 .header-themes:hover{color:#fff;border-color:#f2b6dd;background:#ffffff0b}
@media(max-width:1100px) and (min-width:761px){body.mg-v3 .site-header .header-inner{gap:14px}body.mg-v3 .site-header .header-inner nav{gap:12px}body.mg-v3 .site-header .header-inner nav a{font-size:11px}}
@media(max-width:760px){body.mg-v3 .site-header .header-inner{gap:8px;width:calc(100% - 24px)}body.mg-v3 .header-themes{margin-left:auto;padding:9px 8px;font-size:10px}body.mg-v3 .site-header .header-cta{margin-left:0;padding:9px 8px;font-size:10px}body.mg-v3 .site-header .brand img{width:83px;height:auto}body.mg-v3 .site-header .menu-toggle{width:30px;flex-shrink:0}}
/* Quiet active state, without decorative shapes or layout shifts. */
body.mg-v3 .site-header #navigation a{position:relative}
body.mg-v3 .site-header #navigation a::before,body.mg-v3 .site-header #navigation a::after{content:none}
body.mg-v3 .site-header #navigation :is(a[aria-current=page],a:hover,a:focus-visible),body.mg-v3 .site-header #navigation .current-menu-item>a{color:#f2b6dd!important}
body.mg-v3 .site-header #navigation a[aria-current=page],body.mg-v3 .site-header #navigation .current-menu-item>a{text-decoration:underline;text-decoration-color:#f2b6dd;text-decoration-thickness:2px;text-underline-offset:7px}
body.mg-v3 .header-themes[aria-current=page]{border-color:#f2b6dd;color:#f2b6dd;background:transparent;box-shadow:none}
/* Themes is the first regular menu link; the demo remains the single header CTA. */
@media(max-width:760px){body.mg-v3 .site-header .header-cta{margin-left:auto}}