/* Right-side accordion navigation inspired by the user's mobile reference.
   Scoped to the enhanced drawer; desktop navigation and page layout unchanged.
   Typography: Montserrat, verified against Mynd's mobile menu on 2026-09-24.
   Main rows 18px/500; nested links 16px/400; group labels 16px/600. */
:root body dialog.sankhla-drawer {
  position:fixed!important; inset:0!important; margin:0!important; padding:0!important;
  width:100%!important; height:100vh!important; height:100dvh!important;
  max-width:none!important; max-height:none!important; border:0!important;
  background:transparent!important; color:var(--brand-navy)!important;
  overflow:hidden!important; box-sizing:border-box!important;
}
:root body dialog.sankhla-drawer:not([open]) {display:none!important}
:root body dialog.sankhla-drawer[open] {display:block!important}
:root body dialog.sankhla-drawer::backdrop {background:rgba(11,45,107,0.56)}
:root.sankhla-drawer-open {overflow:hidden!important;overscroll-behavior:none}
:root body .sankhla-drawer .drawer-bar {
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  width:100%!important; height:var(--drawer-bar-height,72px)!important;
  padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))!important;
  background:var(--brand-white)!important; border-bottom:1px solid rgba(11,45,107,0.14)!important;
  box-sizing:border-box!important;
}
:root body .sankhla-drawer .drawer-brand {display:block;color:var(--brand-navy);text-decoration:none;flex:0 1 auto}
:root body .sankhla-drawer .drawer-wordmark {display:block;width:196px;max-width:54vw}
:root body .sankhla-drawer .drawer-wordmark img {display:block;width:100%;height:auto;aspect-ratio:640/140;object-fit:contain}
:root body .sankhla-drawer .drawer-close {
  display:grid!important; place-items:center!important; padding:0!important;
  width:44px!important; height:44px!important; flex:0 0 44px;
  background:transparent!important; color:var(--brand-navy)!important;
  border:0!important; border-radius:6px!important; box-shadow:none!important; cursor:pointer;
}
:root body .sankhla-drawer .drawer-close svg {width:26px;height:26px}
:root body .sankhla-drawer .mobile-menu {
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  width:clamp(280px,78vw,420px)!important; max-width:calc(100vw - 24px)!important;
  height:calc(100vh - var(--drawer-bar-height,72px))!important;
  height:calc(100dvh - var(--drawer-bar-height,72px))!important; max-height:none!important;
  margin:0 0 0 auto!important; gap:0!important;
  padding:18px max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) 22px!important;
  background:var(--brand-white)!important; color:var(--brand-navy)!important;
  border:0!important; border-radius:0!important; box-sizing:border-box!important;
  box-shadow:-12px 12px 32px rgba(11,45,107,0.13)!important;
  overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch; scrollbar-width:thin; touch-action:pan-y;
}
:root body .sankhla-drawer[open] .mobile-menu {animation:sankhla-drawer-in 230ms cubic-bezier(.2,.7,.2,1) both}
@keyframes sankhla-drawer-in {from{transform:translateX(100%)}to{transform:translateX(0)}}
:root body .sankhla-drawer .mobile-menu nav {display:block!important; min-width:0!important}
:root body .sankhla-drawer .mobile-menu ul {display:block!important;list-style:none!important;margin:0!important;padding:0!important}
:root body .sankhla-drawer .mobile-menu li {display:block!important;list-style:none!important;margin:0!important;padding:0!important;min-width:0!important}
:root body .sankhla-drawer .drawer-list>li {border-bottom:1px solid rgba(11,45,107,0.12)!important}
:root body .sankhla-drawer .mobile-menu :is(a,summary) {
  color:var(--brand-navy)!important; -webkit-text-fill-color:currentColor!important;
  font-family:"Montserrat",system-ui,sans-serif!important; font-size:16px!important; line-height:1.5!important;
  font-weight:400!important; font-synthesis:none!important; letter-spacing:normal!important; text-decoration:none!important;
  text-transform:none!important; white-space:normal!important; overflow-wrap:break-word!important;
  opacity:1!important; text-shadow:none!important; filter:none!important;
}
:root body .sankhla-drawer .mobile-menu a {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  min-height:44px!important; padding:10px 0!important; border:0!important;
  border-radius:0!important; background:transparent!important; margin:0!important;
  box-shadow:none!important; transition:background .15s ease!important;
}
:root body .sankhla-drawer .drawer-list>li>a,
:root body .sankhla-drawer .drawer-list>li>.drawer-group>summary {
  font-size:18px!important; font-weight:500!important; min-height:60px!important;
  padding:15px 0!important; box-sizing:border-box!important;
}
:root body .sankhla-drawer .drawer-group {margin:0!important;padding:0!important;border:0!important;background:transparent!important}
:root body .sankhla-drawer summary {
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  gap:14px!important; min-height:48px!important; padding:12px 0!important;
  list-style:none!important; cursor:pointer; box-sizing:border-box!important;
}
:root body .sankhla-drawer .drawer-group:not([open])>ul {display:none!important}
:root body .sankhla-drawer summary::-webkit-details-marker {display:none}
:root body .sankhla-drawer summary::marker {content:""}
:root body .sankhla-drawer .drawer-chevron {display:block;width:18px;height:18px;flex:0 0 18px;transition:transform .2s ease;color:var(--brand-navy)}
:root body .sankhla-drawer details[open]>summary>.drawer-chevron {transform:rotate(180deg)}
:root body .sankhla-drawer details[open]>summary {font-weight:500!important}
:root body .sankhla-drawer details[open]>summary::before {content:none!important}
:root body .sankhla-drawer .drawer-group>ul {padding:0 0 16px 14px!important}
:root body .sankhla-drawer .drawer-group .drawer-group>summary {font-size:16px!important;font-weight:600!important;letter-spacing:.025em!important;text-transform:uppercase!important}
:root body .sankhla-drawer .drawer-group .drawer-group>ul {padding-left:12px!important;border-left:2px solid var(--brand-light)!important}
:root body .sankhla-drawer .mobile-menu .drawer-overview {font-size:16px!important;font-weight:600!important}
:root body .sankhla-drawer .mobile-menu a[aria-current="page"] {
  font-weight:600!important;text-decoration:underline!important;text-decoration-color:var(--brand-bright)!important;
  text-underline-offset:5px!important;text-decoration-thickness:2px!important;
}
:root body .sankhla-drawer .mobile-menu :is(a,summary):hover {background:var(--brand-pale)!important}
:root body .sankhla-drawer :is(a,button,summary):focus-visible {outline:3px solid var(--brand-bright)!important;outline-offset:2px!important;border-radius:3px!important}
:root body .sankhla-drawer .drawer-actions {margin-top:auto;padding-top:26px}
:root body .sankhla-drawer .mobile-menu .mobile-cta {
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  width:100%!important;min-height:48px!important;padding:12px 16px!important;box-sizing:border-box!important;
  background:var(--brand-navy)!important;color:var(--brand-white)!important;border:1px solid var(--brand-navy)!important;
  border-radius:5px!important;font-size:15px!important;font-weight:600!important;
}
:root body .sankhla-drawer .mobile-cta span {color:inherit!important;font-size:20px!important}
:root body .sankhla-drawer .mobile-menu .drawer-phone {justify-content:center!important;font-size:15px!important;margin-top:10px!important;min-height:44px!important}
@media(max-width:360px){:root body .sankhla-drawer .drawer-wordmark{width:178px}:root body .sankhla-drawer .mobile-menu{padding-left:18px!important;padding-right:18px!important}}
@media(min-width:1101px){:root body dialog.sankhla-drawer{display:none!important}}
@media(prefers-reduced-motion:reduce){:root body .sankhla-drawer,:root body .sankhla-drawer *{animation:none!important;transition:none!important}}