/* Docket Entry law-firm site: the five-item header. Linked after visible-fixes.css.
   The menu is Agentic litigation, Capabilities, Security, Insights, About, then the button. The menu button takes over at
   1080 wide. The button "Try it" is then in the open menu, drawn as the real button. Site tokens only. */
.nav{gap:24px}
@media (min-width:1200px){.nav{gap:36px}}
@media (max-width:1080px){.nav,.head-right .btn{display:none}.menu-btn{display:inline-flex}}
@media (min-width:1081px){.mobile-nav,.mobile-nav.open{display:none}}
/* The list under "Capabilities" in the desktop menu: the six links the phone menu lists. It is shut until the pointer
   is over the link or the keyboard is on it, and it opens with no script. The phone menu has the list below 1081. */
.nav-more{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-more>a{display:inline-flex;align-items:center;gap:6px}
.nav-chev{flex:none}
.nav-list{display:none;position:absolute;top:100%;left:-21px;z-index:50;min-width:232px;margin:0;padding:10px 0;list-style:none;
  background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px rgba(21,29,53,.10)}
.nav-list li{position:relative;padding:2px 20px}
.nav .nav-list a{display:inline-block;font-size:var(--f-body);white-space:nowrap}
.nav-list a::after{content:"";position:absolute;inset:0}
.nav-list li:hover{background:var(--sage)}
@media (min-width:1081px){.nav-more:focus-within .nav-list{display:block}}
@media (min-width:1081px) and (hover:hover){.nav-more:hover .nav-list{display:block}}
.nav-more.is-shut .nav-list{display:none}
.mobile-nav a[aria-current="page"]{background:var(--sage);box-shadow:inset 3px 0 0 var(--navy-900)}
.mobile-nav .nav-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin:16px var(--gutter);padding:14px 24px;border:0;border-radius:10px;
  background:var(--action);color:var(--on-action);font-weight:700;line-height:1}
.mobile-nav .nav-cta:hover{background:var(--action-hover);color:var(--on-action)}
.mobile-nav .nav-cta:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:10px}
