.cw-shared-nav { position: fixed; inset: 0 0 auto; z-index: 50; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, backdrop-filter .3s; }
.cw-shared-nav-inner { display: flex; align-items: center; justify-content: space-between; height: 74px; }
.cw-shared-nav-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.cw-shared-nav-brand > span:first-child { display: inline-flex; }
.cw-shared-nav .nav-byline { font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--fg3); padding-left: 12px; border-left: 1px solid var(--border-default); }
.cw-shared-nav-links { display: flex; align-items: center; gap: 34px; }
.cw-shared-nav-actions { display: flex; align-items: center; gap: 12px; }
.cw-nav-link { font-family: var(--font-ui); font-size: 14px; font-weight: 500; color: var(--fg2); text-decoration: none; transition: color .15s; }
.cw-nav-link:hover, .cw-nav-link[aria-expanded="true"] { color: var(--fg1); }
.cw-shared-nav--light .cw-nav-link { color: #3a3a42; }
.cw-shared-nav--light .cw-nav-link:hover { color: #0e0e10; }
.cw-shared-nav--light .nav-byline { color: rgba(0,0,0,.42); border-color: rgba(0,0,0,.14); }
.cw-shared-nav--light .nav-burger { color: #0e0e10; border-color: rgba(0,0,0,.14); }
.cw-case-nav { position: relative; }
.cw-case-nav-toggle { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none; cursor: pointer; }
.cw-case-nav-toggle i { font-size: 16px; transition: transform .2s; }
.cw-case-nav-panel { position: absolute; top: 100%; left: -140px; width: 560px; padding-top: 14px; }
.cw-case-nav-panel[hidden], .cw-mobile-case-groups[hidden] { display: none; }
.cw-case-nav-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; border-radius: 14px; background: rgba(11,16,32,.98); border: 1px solid var(--border-default); box-shadow: 0 18px 44px rgba(0,0,0,.5); backdrop-filter: blur(16px); }
.cw-case-nav-heading { margin: 0 0 8px; padding: 5px 12px; font-family: var(--font-ui); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--magenta-300); }
.cw-case-nav-item { display: block; padding: 11px 12px; border-radius: 9px; text-decoration: none; transition: background .15s; }
.cw-case-nav-item:hover, .cw-case-nav-item[aria-current="page"] { background: rgba(255,255,255,.05); }
.cw-case-nav-item b { display: block; font-family: var(--font-ui); font-size: 14px; font-weight: 600; color: var(--fg1); }
.cw-case-nav-item span { display: block; margin-top: 3px; font-family: var(--font-body); font-size: 12.5px; font-weight: 300; line-height: 1.4; color: var(--fg3); }
.cw-shared-nav :is(a,button):focus-visible, .cw-mobile-nav :is(a,button):focus-visible { outline: 2px solid var(--magenta-300); outline-offset: 4px; border-radius: 5px; }
@media (max-width: 1100px) and (min-width: 961px) {
  .cw-shared-nav-links { gap: 20px; }
  .cw-shared-nav .nav-byline { display: none; }
}
@media (max-width: 960px) {
  .cw-mobile-nav { overflow-y: auto; overscroll-behavior: contain; }
  .cw-mobile-nav .nmm-links { flex: 1 0 auto; }
  .cw-mobile-case-groups { padding: 12px 0 4px; }
  .cw-mobile-case-groups .cw-case-nav-group + .cw-case-nav-group { margin-top: 20px; }
  .cw-mobile-case-groups .cw-case-nav-heading { padding-left: 0; }
  .cw-mobile-case-groups .nmm-sublink { display: block; }
  .cw-mobile-case-groups .nmm-sublink[aria-current="page"] { border-left-color: var(--magenta-300); }
}