/* Same “normal scrolling” override you used in motif finder */
    body { overflow: auto !important; }
    .panel { position: relative; min-height: auto; }
    #viz { position: relative; inset: auto; overflow: visible; padding: 16px; }

    .taGrid{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:12px;
      align-items:start;
    }
    @media (max-width: 980px){
      .taGrid{ grid-template-columns: 1fr; }
    }

    .mfCard{
      border:1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.18);
      border-radius:18px;
      backdrop-filter: blur(6px);
      overflow:hidden;
    }
    .mfCardHd{
      padding:12px 12px 10px;
      border-bottom:1px solid rgba(255,255,255,.10);
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }
    .mfCardHd b{ font-size:13px; }
    .mfCardHd .sub2{ color:var(--muted); font-size:12px; margin-top:4px; max-width: 780px; }
    .mfCardBd{ padding:12px; }

    .taControls{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
    }
    .taControls label{ font-size:12px; color:var(--muted); margin-right:4px; }
    .taControls select{
      background: rgba(0,0,0,.35);
      color: var(--text);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 12px;
      padding: 8px 10px;
    }
    .mfPills{ display:flex; gap:8px; flex-wrap:wrap; }
    .mfPillBtn{
      appearance:none;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.04);
      color: rgba(229,231,235,.86);
      border-radius:999px;
      padding:7px 10px;
      font-size:12px;
      cursor:pointer;
      user-select:none;
      transition: background .15s ease, border-color .15s ease, transform .05s ease;
    }
    .mfPillBtn:hover{
      background: rgba(96,165,250,.14);
      border-color: rgba(96,165,250,.45);
      transform: translateY(-1px);
    }
    .mfPillBtn[aria-pressed="true"]{
      background: rgba(96,165,250,.22);
      border-color: rgba(96,165,250,.55);
      color: var(--text);
    }

    .empty{
      border:1px dashed rgba(255,255,255,.18);
      border-radius:14px;
      padding:12px;
      color:var(--muted);
      background: rgba(0,0,0,.18);
    }

    .svgBox svg{ width:100%; height:auto; display:block; }
    .tip{
      position:fixed;
      z-index:9999;
      pointer-events:none;
      padding:8px 10px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(0,0,0,.75);
      color: rgba(255,255,255,.92);
      border-radius: 12px;
      font-size: 12px;
      max-width: 360px;
      transform: translate(10px, 10px);
      display:none;
    }
    .metaChips{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:10px; }
    .mfChip{
      font-size:11px;
      color: rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.18);
      border-radius:999px;
      padding:6px 10px;
    }