/* Header "Cases" dropdown (markup in each page's nav, list filled in by cases-menu.js). Loaded after site.css / home.css. */
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.dd-ch{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.dd-btn[aria-expanded="true"] .dd-ch{transform:rotate(180deg)}
.dd-m{position:absolute;right:0;top:calc(100% + 12px);width:380px;max-height:calc(100dvh - 100px);overflow-y:auto;background:#070c11f7;backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 24px 60px #000000b3;padding:10px;z-index:30}
.dd-h{font:500 10.5px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin:8px 10px 12px}
.dd-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lk .dd-m .dd-i{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid transparent;color:var(--ink);text-decoration:none;font-size:14px;transition:background .2s,border-color .2s}
.lk .dd-m a.dd-i::after,.lk .dd-m a.dd-all::after{display:none}
.lk .dd-m a.dd-i:hover,.lk .dd-m a.dd-i:focus-visible{background:#2de2c50d;border-color:#2de2c533;outline:none}
.lk .dd-m a.dd-i[aria-current="page"]{background:#2de2c512;border-color:var(--acc)}
.dd-n{font:500 11px/1.9 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;color:var(--acc)}
.dd-t b{display:block;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:18px;line-height:1.2;color:var(--ink)}
.dd-t small{display:block;margin-top:4px;font:500 10px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.dd-i[aria-current="page"] small::after{content:" · you are here";color:var(--acc)}
.lk .dd-m .dd-i.soon{opacity:.55;cursor:default}
.dd-i.soon .dd-n{color:var(--warn,#ffb547)}
.lk .dd-m a.dd-all{display:block;margin:8px 0 0;padding:13px 10px 6px;border:0;border-top:1px solid var(--line);font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);text-decoration:none}
.lk .dd-m a.dd-all:hover{color:var(--ink)}
@media(max-width:860px){
  .dd{width:100%;margin-top:8px}
  .lk .dd .dd-btn{width:100%;margin-top:0;min-height:48px}
  .dd-m{position:static;width:auto;max-height:none;overflow:visible;margin-top:8px;padding:4px 0;background:#060b10;backdrop-filter:none;border:0;box-shadow:none}
  .dd-h{margin:6px 12px 10px}
  .lk .dd-m .dd-i{padding:12px}
  .lk .dd-m a.dd-all{padding:16px 12px}
}