/* Site-wide mega-menu. Deliberately dark in both themes — it reads as
   chrome rather than page content, the way the terminal blocks do. */
.mm-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;
  color:inherit;padding:8px 10px;border-radius:3px;transition:background .18s,color .18s;
  flex-shrink:0;}
.mm-btn:hover,.mm-btn[aria-expanded="true"]{background:rgba(229,57,53,.12);color:#e53935;}
.mm-btn i{display:block;width:14px;height:10px;position:relative;flex-shrink:0;}
.mm-btn i::before,.mm-btn i::after,.mm-btn i span{content:'';position:absolute;left:0;right:0;
  height:1.5px;background:currentColor;transition:transform .25s,opacity .2s;}
.mm-btn i::before{top:0;} .mm-btn i span{top:4.2px;} .mm-btn i::after{bottom:0;}
.mm-btn[aria-expanded="true"] i::before{transform:translateY(4.2px) rotate(45deg);}
.mm-btn[aria-expanded="true"] i span{opacity:0;}
.mm-btn[aria-expanded="true"] i::after{transform:translateY(-4.2px) rotate(-45deg);}

.mm-scrim{position:fixed;inset:0;z-index:998;background:rgba(8,9,12,.45);opacity:0;
  pointer-events:none;transition:opacity .22s;}
.mm-scrim.on{opacity:1;pointer-events:auto;}

.mm{position:fixed;z-index:999;top:0;left:0;display:none;grid-template-columns:262px 1fr;
  background:#16181d;box-shadow:0 32px 90px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.09);
  max-height:min(78vh,660px);overflow:hidden;}
.mm.on{display:grid;}
.mm-l{background:#111318;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;
  padding:10px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;}
.mm-r{overflow-y:auto;padding:14px 0;scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.25) transparent;}
.mm-l::-webkit-scrollbar,.mm-r::-webkit-scrollbar{width:8px;}
.mm-l::-webkit-scrollbar-thumb,.mm-r::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);border-radius:4px;}

.mm-p{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;
  border:0;cursor:pointer;text-align:left;color:rgba(255,255,255,.72);
  font-family:'Manrope',system-ui,sans-serif;font-size:13.5px;font-weight:500;
  transition:background .15s,color .15s;}
.mm-p:hover{background:rgba(255,255,255,.05);color:#fff;}
.mm-p[aria-selected="true"]{background:#16181d;color:#fff;box-shadow:inset 3px 0 0 #e53935;}
.mm-p .n{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.3);flex-shrink:0;}
.mm-p .t{flex:1;min-width:0;}
.mm-p .c{font-family:'DM Mono',monospace;font-size:8.5px;color:#84cc16;flex-shrink:0;}
.mm-p .a{color:rgba(255,255,255,.3);font-size:12px;flex-shrink:0;}

.mm-head{padding:0 22px 10px;margin:0 0 6px;border-bottom:1px solid rgba(255,255,255,.07);
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2.2px;text-transform:uppercase;
  color:rgba(255,255,255,.35);}
.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1px 0;
  padding:0 12px;}
.mm-c{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;text-decoration:none;
  border-radius:3px;transition:background .15s;}
.mm-c:hover{background:rgba(255,255,255,.06);}
.mm-c .ico{font-size:13px;line-height:1.35;flex-shrink:0;}
.mm-c .nm{display:block;font-size:13px;color:rgba(255,255,255,.85);line-height:1.35;}
.mm-c:hover .nm{color:#fff;}
.mm-c .sub{display:block;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1px;
  text-transform:uppercase;color:rgba(255,255,255,.32);margin-top:3px;}
.mm-c .sub b{color:#84cc16;font-weight:400;}

.mm-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px;padding:12px 16px;
  background:#111318;border-top:1px solid rgba(255,255,255,.07);}
.mm-foot a{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:1.4px;
  text-transform:uppercase;color:rgba(255,255,255,.55);text-decoration:none;padding:7px 12px;
  border-radius:3px;transition:background .15s,color .15s;}
.mm-foot a:hover{background:rgba(229,57,53,.16);color:#fff;}

@media(max-width:820px){
  .mm{grid-template-columns:1fr;left:0!important;right:0;width:auto!important;
    max-height:calc(100vh - 56px);}
  .mm-l{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;padding:8px;
    border-right:0;border-bottom:1px solid rgba(255,255,255,.07);}
  .mm-p{width:auto;white-space:nowrap;padding:8px 12px;font-size:12px;}
  .mm-p .n,.mm-p .a,.mm-p .c{display:none;}
  .mm-p[aria-selected="true"]{box-shadow:inset 0 -2px 0 #e53935;}
  .mm-grid{grid-template-columns:1fr;}
}