.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;width:44px;min-height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:var(--radius-control,3px);color:inherit;cursor:pointer;font-size:0}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary::before{content:'';width:18px;height:12px;background:linear-gradient(currentColor,currentColor) 0 0/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.mobile-menu summary:focus-visible{outline:2px solid var(--cy,#7FD4F5);outline-offset:3px}
.mobile-menu[open] summary{background:rgba(127,212,245,.12)}
.mobile-menu-panel{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:min(270px,calc(100vw - 32px));display:grid;padding:8px;background:var(--surface,#fff);border:1px solid var(--border-strong,#b9b9b5);border-radius:var(--radius-card,4px);box-shadow:0 18px 45px rgba(6,20,40,.2)}
.mobile-menu-panel a{min-height:44px;display:flex!important;align-items:center;padding:10px 12px!important;border-bottom:1px solid var(--border,#deded9);color:var(--navy,#0b2b46)!important;font:600 16px/1.2 var(--display,sans-serif)!important;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.mobile-menu-panel a:last-child{border-bottom:0}
.mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:var(--subtle,#f5f4ef);color:var(--text,#1d252c)!important}

@media(max-width:820px){
  .mobile-menu{display:block}
  .mobile-menu-panel{position:fixed;top:72px;right:16px}
  nav .links,nav .nav-right{gap:10px}
}